This is a simple React-based contact app. The app includes features such as add, edit, view, delete, search, filter, and sort.
-
Add Contacts: Easily add new contacts to the list, including details such as name, phone number, and email.
-
Edit Contacts: Update contact information with the edit feature.
-
View Contacts: Browse through your contact list to view details of each contact.
-
Delete Contacts: Remove unwanted contacts from the list.
-
Search Contacts: Quickly find specific contacts using the search functionality.
-
Filter and Sort: Organize contacts by applying filters and sorting options based on various criteria.
-
Modal Window: The app utilizes a model window for an enhanced user interface, providing a clean and intuitive way to interact with contact details.
-
React: A popular JavaScript library for building user interfaces.
-
json-server: The app use json-server to handle the CRUD operations and simulate a backend server.
-
React Query: For efficient and performant data fetching.
-
Styled Components: Enabling a modular and maintainable CSS-in-JS approach.
-
React Icons: A collection of customizable SVG icons.
-
Clone the repository.
git clone https://github.com/korngsamnang/react-contact-app
-
Install dependencies.
cd react-contact-app npm install
-
Run the app.
npm run dev