• Configuration and Setup
• Key Features
• Technologies used
  • Frontend
  • Backend
  • Database
  • API
• 📸 Screenshots
• Author
• 
  

• Configuration and Setup

In order to run this project locally, simply fork and clone the repository or download as zip and unzip on your machine.

• Open the project in your prefered code editor.
• Go to terminal -> New terminal (If you are using VS code)
• Split your terminal into two (run the client on one terminal and the server on the other terminal)
• NODE VERSION: 16.2.1 - 19.2.1

In the first terminal

$ cd client
$ npm install (to install client-side dependencies)
$ npm run  start (to start the client) or npm start

In the second terminal

• cd server and Set environment variables in .env
• Create your mongoDB connection url, which you'll use as your MONGO_URL
• Supply the following credentials

#  --- .env  ---

NODE_ENV: 'development'
PORT: 3000
MONGO_URI: 'mongodb://0.0.0.0:27017/contact01'(YOUR MONGO DATABASE)
JWT_SECRET: 'Sergio'
STRIPE_SECRET_KEY:'Moncada'

# --- Terminal ---

$ npm install (to install server-side dependencies)
$ npm start (to start the server) or nodemon index

• Add, edit, delete Contacs
• Live Search
• Responsive Design

This project was created using the following technologies.

• React js - JavaScript library that is used for building user interfaces specifically for single-page applications
• React Hooks - For managing and centralizing application state
• react-router-dom - To handle routing
• axios - For making Api calls
• [Style Components] - For User Interface
• React Toastify - To display interactive and responsive notifications (toasts) in web applications

• Node js -A runtime environment to help build fast server applications using JS
• Express js -The server for handling and routing HTTP requests
• Mongoose - For modeling and mapping MongoDB data to JavaScript
• axios - For making Api calls
• cookie-parser - Middleware module used in Node.js web applications to manage cookies
• cors - Provides a Connect/Express middleware
• Dotenv - Zero Dependency module that loads environment variables
• express-validator - Used in Node.js applications with the Express framework to validate data submitted by users (user input)
• nodemon - Development utility for Node.js applications. Node.js is a runtime platform that allows you to run JavaScript on the server side.t
• [Multer] - Handle Images

• MongoDB - It provides a free cloud service to store MongoDB collections.

• Portfolio:
• Github:
• Sponsor:
• Linkedin:https://www.linkedin.com/in/sergio-moncada-72589883/
• Email: [email protected]