https://github.com/purwar1997/contacts-manager

A CRUD application that allows users to manage their contacts.
https://github.com/purwar1997/contacts-manager

crud-app firebase firestore react-router-v6 reactjs vite

Last synced: 4 months ago
JSON representation

A CRUD application that allows users to manage their contacts.

• Host: GitHub
• URL: https://github.com/purwar1997/contacts-manager
• Owner: purwar1997
• Created: 2023-05-22T19:09:57.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2025-01-29T15:28:51.000Z (over 1 year ago)
• Last Synced: 2025-10-27T05:51:47.230Z (8 months ago)
• Topics: crud-app, firebase, firestore, react-router-v6, reactjs, vite
• Language: JavaScript
• Homepage: https://contacts-manager-gamma.vercel.app/
• Size: 379 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Contacts Manager

![static-badge](https://img.shields.io/badge/built_with-love-red?style=for-the-badge)

![static-badge](https://img.shields.io/badge/status-success-limegreen?style=for-the-badge)

## 0. Table of Contents

1. [Overview](#1-overview)

2. [Main Features](#2-main-features)

3. [Tools and technologies used](#3-tools-and-technologies-used)

4. [Live Deployment](#4-live-deployment)

5. [Demo Video](#5-demo-video)

## 1. Overview

A CRUD application that allows users to manage their contacts. It is built with React and utilizes Firebase Firestore for data storage.

## 2. Main Features

- Add new contact

- Update a contact

- Delete a contact

- Search contacts by name

- Mark or unmark a contact as favorite

## 3. Tools and technologies used

- Vite to initialize React project

- Vanilla CSS to style UI components

- React Router v6 to implement client-side routing

- Firebase Firestore for data storage

- Vercel for deployment

## 4. Live Deployment

Contacts Manager is deployed on Vercel. To visit the live deployment, [click here](https://contacts-manager-gamma.vercel.app).

## 5. Demo Video

Demo video of the project is uploaded on youtube. To watch the demo video, [click here](https://youtu.be/HRjqmb6qN68).

[![Preview](./media/preview.png)](https://youtu.be/HRjqmb6qN68)