Dashboards App

App where you can render collapsible cards with data info using Typescript, React, React Testing Library,Cypress and Styled Components.

🚀 Try in live -> Dashboards App

📝 Notion docs

Run your app

cd my-app: Move to your project root directory
npm install: Install all the project dependencies
npm start: Start the development server on localhost:3000

✅ Testing

npm run test path-to-test (example path: src/containers/CollapsibleCard.test.tsx)

Unit tests

npm run test: Run unit tests with Jest and React Testing Library.
npm cypress open: Open e2e tests with Cypress.
npm cypress run: Run e2e tests with Cypress.

🔦 Linting

npm run lint: Run linter
npm run lint:fix: Fix lint issues

🌈 Tech Stack

TypeScript
ESLint and Prettier already configured
Jest with React Testing Library for the unit tests
Cypress with Testing Library for the end-to-end tests
GitHub Action Workflows set up to run tests and linting on push
Styled Components to manage CSS
.editorconfig for sharing the IDE config

🔀 Related information

This application was generated using the <⚡⚛️> Vite React Best Practices Template.