https://github.com/arthur-ferreira/contacts_agendav2

https://github.com/arthur-ferreira/contacts_agendav2

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/arthur-ferreira/contacts_agendav2
• Owner: Arthur-Ferreira
• Created: 2024-01-22T02:45:29.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2024-01-26T02:18:10.000Z (12 months ago)
• Last Synced: 2024-01-26T07:28:46.201Z (12 months ago)
• Language: TypeScript
• Size: 213 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Contacts App v2

At this exercise you should:

- Build a contacts list app using React;

- Use Redux to manage data;

- Use Styled Components for styles;

- Contacts should have the following information:

  - Full name

  - Email

  - Phone

- Features:

  - Add

  - Delete

  - Edit

- Build a brand new Github repository to store code

Uses [Vite](https://vitejs.dev/), [Vitest](https://vitest.dev/), and [React Testing Library](https://github.com/testing-library/react-testing-library) to create a modern [React](https://react.dev/) app compatible with [Create React App](https://create-react-app.dev/)

```sh

npx degit reduxjs/redux-templates/packages/vite-template-redux my-app

```

## Goals

- Easy migration from Create React App or Vite

- As beginner friendly as Create React App

- Optimized performance compared to Create React App

- Customizable without ejecting

## Scripts

- `dev`/`start` - start dev server and open browser

- `build` - build for production

- `preview` - locally preview production build

- `test` - launch test runner

## Inspiration

- [Create React App](https://github.com/facebook/create-react-app/tree/main/packages/cra-template)

- [Vite](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react)

- [Vitest](https://github.com/vitest-dev/vitest/tree/main/examples/react-testing-lib)