Contact Tracker App

A web-based contact management tool that allows users to easily add, edit, and manage their contact list. Built using React and React Router, the app offers smooth navigation between different views and maintains a responsive user interface.

Features

• Add, edit, and delete contacts
• Search and filter contacts by name or other fields
• Smooth navigation between different sections (e.g., contact list, contact details)
• Responsive design for mobile and desktop

Tech Stack

• React: Utilized for building the component-based user interface of the app, enabling dynamic rendering of data.
• React Router: Handles all navigation and routing between different views of the app. Full usage of React Router's capabilities, including nested routes and programmatic navigation.
• Vite: A fast build tool used for bundling the app during development and production, ensuring quick start-up times and optimized builds.
• npm: Node Package Manager, used to manage dependencies like React, React Router, and Vite.
• CSS: Responsible for the styling and layout, ensuring the app is visually appealing and responsive.

Installation

1. Clone the repository:

   git clone https://github.com/your-username/contact-tracker-app.git

2. Navigate to the project directory:

   cd contact-tracker-app

3. Install dependencies:

   npm install

4. Start the development server:

   npm run dev

5. Open your browser and go to http://localhost:3000 to view the app.

App Link

Take me to the Contact Tracker