React Contacts App by Sara Cruz

Website to display a contacts list where you can: add a new one and delete the existing ones, order by name or email and display more contact info.

API:

The project is using reqres.in, a free, open source API, that is why when you add or delete a new contact it won't be stored when you refresh the page.

External Tech Docs:

Notion

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

Unit tests

npm run test: Run unit tests with Jest and React Testing Library

🔦 Linting

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

🌈 Tech Stack

• TypeScript
• React Context to manage the global state
• 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.