Simple Contact App

This is a simple React-based contact app. The app includes features such as add, edit, view, delete, search, filter, and sort.

Simple Contact app built with React and React Query.

Features:

• 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.

Technology Used:

• 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.

Installation:

1. Clone the repository.

   git clone https://github.com/korngsamnang/react-contact-app

2. Install dependencies.

   cd react-contact-app
   npm install

3. Run the app.

    npm run dev