IshmamDC217 / AddressBook

A complete Address Book web app made with React JS

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Address Book

Introduction

This CRUD app is an address book which allows users to view, add, edit and delete contact information. It was developed using React JS, and utilizes a JSON server as the backend server. JSON Server is an easy-to-use module that allows you to quickly and conveniently mock or fake a REST API for development and testing purposes. It allows you to quickly create a backend server that can be used to simulate responses to requests, allowing you to develop and test your code without having to connect to a live server. This makes it especially useful for development, testing, and debugging applications. The UI is designed to be user-friendly and intuitive, making it easy to find and modify contacts. All in all, this app provides an efficient and easy way of managing contact information.

Web app Sample

How to install

git clone https://github.com/IshmamDC217/AddressBook.git

then
cd AddressBook

# Install frontend dependencies
npm install

# Install backend dependencies
cd server
npm install

How to run

Be sure to have NodeJS and npm installed in your system.

Start the backend server

  1. Start the backend server first (localhost:9000):
cd server
npm start

This will run the backend server at localhost:9000

Start the client

  1. Open a separate terminal to start the client (localhost:3000):
npm start

This will run in localhost:3000

About

A complete Address Book web app made with React JS


Languages

Language:JavaScript 97.0%Language:HTML 2.6%Language:CSS 0.4%