Web3bridge-Contact-Management-System

The Web3bridge Contact Management System is a tool created to streamline the organization of your contacts, providing easy accessibility. This application empowers users to add new contacts, view a comprehensive list of all contacts, and perform actions such as editing and deleting contacts.

Table of contents

• Web3bridge-Contact-Management-System
• Table of contents
• Overview
  • The challenge
  • Screenshot
  • Links
• My Process
  • Technologies
• Usage
  • Prerequisite
• Installation
• Running the Application
• Author
• LICENSE

Overview

The challenge

• Create a contact management system.
• Implement a form for inputting new contact details, including name, email, and phone number.
• Validate the input using Regular Expressions
• Display the contact list with options for editing and deleting contacts.
• Utilize Vanilla JavaScript, TypeScript, Node.js, or React.js for this task.
• Enable users to edit existing contact details.
• Provide an option for deleting contacts.
• Ensure that deleted contacts are removed from the list.

Screenshot

Links

• [Solution URL] (https://github.com/Apolloelephen/Web3bridge-contact-management-system)
• [LiveSite] (https://web3bridge-contact-management-system.vercel.app/)

My Process

Technologies

• React

Usage

Follow these steps to get the project up and running on your local machine.

Prerequisite

- Node.js and npm installed on your machine.

Installation

-Clone the repo to your local machine: git clone https://github.com/Apolloelephen/Web3bridge-contact-management-system.git

Running the Application

Start the development server: npm start Open your browser and visit http://localhost:3000 to view the application.

Navigate to the project directory: cd react-web3bridge-contact-management-system

Install dependencies: npm install

Launch your App: npm run dev

Author

• Hope Philip
• @apollo_elephen

LICENSE

This project is licensed under the MIT License - see the LICENSE.MD file for details