Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/iadtya/contact-list
This project is a contact list app built with React, Redux Toolkit, and React Router DOM. It fetches and displays a list of contacts from an API, and allows you to add, update, and delete contacts
https://github.com/iadtya/contact-list
react-hot-toast react-router react-toolkit tailwindcss
Last synced: about 2 months ago
JSON representation
This project is a contact list app built with React, Redux Toolkit, and React Router DOM. It fetches and displays a list of contacts from an API, and allows you to add, update, and delete contacts
- Host: GitHub
- URL: https://github.com/iadtya/contact-list
- Owner: iAdtya
- Created: 2023-12-21T19:16:22.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2024-01-04T00:40:33.000Z (12 months ago)
- Last Synced: 2024-01-04T02:15:02.176Z (12 months ago)
- Topics: react-hot-toast, react-router, react-toolkit, tailwindcss
- Language: JavaScript
- Homepage: https://contact-list-two-drab.vercel.app
- Size: 1.34 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Contact List App
This project is a contact list app built with React, Redux Toolkit, and React Router DOM. It fetches and displays a list of contacts from an API, and allows you to add, update, and delete contacts.
## OUTPUT
## Project Structure
```
contact-list-app
├── public
│ └── index.html
├── src
│ ├── components
│ │ ├── ContactList
│ │ │ └── index.js
│ │ ├── ContactForm
│ │ │ └── index.js
│ │ └── ContactDetails
│ │ └── index.js
│ ├── redux
│ │ ├── store.js
│ │ └── slices
│ │ └── contactSlice.js
│ ├── App.js
│ ├── index.js
│ └── App.css
├── package.json
├── .env
└── README.md
```
## Getting Started
To get started with the project, follow these steps:
1. Clone the repository: `git clone https://github.com/your-username/contact-list-app.git`
2. Navigate into the project directory: `cd contact-list-app`
3. Install the dependencies: `npm install`
4. Start the development server: `npm start`
The app will be running at `http://localhost:3000`.
## Features
- Fetch and display contacts from the API
- Add a new contact
- Update an existing contact
- Delete a contact
## Built With
- React
- Redux Toolkit
- React Router DOM
## Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
## License
[MIT](https://choosealicense.com/licenses/mit/)