Git Product home page Git Product logo

contact-app's Introduction

Contact App

Author

Author : Hanene Mansour

About : Software Engineer

Social Media :   Instagram Instagram   Linkedin LinkedIn   GitHub GitHub

Email:


Live Demo

For a Live Demo, check :


Functionalities and Technologies Used

Stack : MERN Stack (MongoDB, ExpressJS, ReactJS, NodeJS)

Technologies Used : NodeJS, ExpressJS, ReactJS, MongoDB, Mongoose, Express-Validator, BcryptJS, JSONWebToken (JWT), React Hooks, Global State Management using State Reducer and Context Api, Toastify, Axios, Bootstrap etc.

Functionalities : REST Api, CRUD, User Registration, Log In, Authentication, JWT Token, PRIVATE and PUBLIC Routes, Create, Read, Server Side Validation using Express-Validator, Password Encryption using BCrypt, Update Delete contacts based on Users, Unique Contacts based on Email & Phone per User, Global State, Error Toastr Notification System using Toastify, Fully Responsive Web Design using Bootstrap etc.

NOTE: Contacts are stored in a way that two different users can save contact which has same Email and/or Phone Number. But, Same user cannot have multiple contacts with same Email/Phone. The Email and/or Phone Number is unique for individual user's own contacts.


From the Developer:

This is a Self Project, made on MERN Stack. After going through basics of MERN I needed some kind of full project to work on and gather some experience on Full Stack MERN Development on my own. So I decided to make a Contact App.

This is a Full Stack Web App just like Google Contacts, where users can Sign Up, and Create and Store their contacts.

If you have any suggestions, please feel free to leave the suggestions. Constructive Criticism is always appreciated.

NOTE: This is a demo project. There can be a lot of more features and functionalities that could be added with this.


Tips

  1. To setup this project, clone it and run npm install.
  2. Create a file named .env in the root.
  3. Add the following two Env Variables to be used in the app :
    • mongodbURI
    • jwtSecret
  4. Set up the values of the two fields with your own mongoDB connection uri and your own JWT Secret Key.

contact-app's People

Contributors

hanene-mansour 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.