Code Monkey home page Code Monkey logo

contactappreactjs's Introduction

REACT CONTACT APP

ABOUT

This is web application that can add user contact, delete and search for it.

Steps to Run

  1. Git Clone Project
  2. Move Inside Project Folder.
  3. Now Run Backend Server On Your Pc using below command
cd reactnd-contacts-server2
npm install
node server.js
  1. After Your Sever Started as Port 5001 ,You have to Run Contact App (Frontend) using Following command.
cd .. -> coming to main folder if you are inside backend folder.
npm install
npm start
  1. Now You Can Add,Delete,Call, Search Contact from website.

Tech Used

  1. React JS
  2. Node Js For backend

UI

  • Home Layout Show Contact
  • Add Contact Layout Add Contact
  • Search Contact Search Contact

Future Scope

  1. Adding DB To project , currently project using nodejs Server for data access, that can be integrated with database to store data.
  2. Create Mobile application using react Native.
  3. Adding Missed Call,Recent Call, Favourite Contact, Recent Contact Features.

contactappreactjs's People

Contributors

rohgpt avatar

Stargazers

avatar

Watchers

avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.