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

A simple 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: about 2 months ago
JSON representation

A simple 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 (over 1 year ago)
• Default Branch: master
• Last Pushed: 2024-11-10T15:57:27.000Z (2 months ago)
• Last Synced: 2024-11-10T16:40:27.607Z (2 months ago)
• Topics: crud-app, firebase, firestore, react-router-v6, reactjs, vite
• Language: JavaScript
• Homepage: https://contacts-manager-gamma.vercel.app/
• Size: 99.6 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. [Live Demo](#2-live-demo)

3. [Live Link](#3-live-link)

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

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

## 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. Live Demo

To checkout the **live demo video** of contacts manager, click on the image below.

[![preview](./media/preview.png)](https://www.youtube.com/watch?v=tBZmHsY6MAo)

## 3. Live Link

Contacts manager is deployed on Vercel. **Live link** of the deployed project - [click here](https://contacts-manager-gamma.vercel.app/).

## 4. Main Features

- Add new contact

- Update a contact

- Delete a contact

- Search contacts by name

- Mark or unmark a contact as favorite

## 5. 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