Contact App

Project Description

Full Stack MERN Project - Personal contact app manager with POST/PUT/DELETE/GET methods - using React hooks, Context, JWT Authentication.

Built with

• HTML
• CSS
• React
• Node.js
• Express
• MongoDB

npm-Run-Server

npm run dev     # Express & React :3000 & :5000
npm run server  # Express API Only :5000
npm run client  # React Client Only :3000

Links

• Repo
• Live

Dummy user

dummy@gmail.com
12345678

Screenshots & Animation

Author

• Almogwer
• Mail
• Linkedin

React Icons

React Icons - Main Docs

import { FiUsers, FiUserPlus } from 'react-icons/fi';
<FiUsers className='nameOfTheClass'> </FiUsers>;

React Router Dom

version used - "react-router-dom": "^5.2.0",

• react-router-dom - Main Docs

• renders the first child that matches

• A always matches

Mongo connection setup

• MongoDB Main Docs

JWT - JSON Web Tokens

• JWT Docs
• JWT Libraries

Deployment

Heroku Heroku CLI