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

1. cd my-app: Move to your project root directory
2. npm install: Install all the project dependencies
3. 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.