https://github.com/charlespalmerbf/react-mern-contacts
This is a full-stack web application built with the MERN stack (MongoDB, Express.js, React, and Node.js) for managing contacts.
https://github.com/charlespalmerbf/react-mern-contacts
axios bcryptjs expressjs json-web-token mongodb nodejs reactjs
Last synced: 2 months ago
JSON representation
This is a full-stack web application built with the MERN stack (MongoDB, Express.js, React, and Node.js) for managing contacts.
- Host: GitHub
- URL: https://github.com/charlespalmerbf/react-mern-contacts
- Owner: charlespalmerbf
- Created: 2021-05-30T13:03:57.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2023-04-29T20:01:14.000Z (about 3 years ago)
- Last Synced: 2025-05-16T06:35:21.010Z (about 1 year ago)
- Topics: axios, bcryptjs, expressjs, json-web-token, mongodb, nodejs, reactjs
- Language: JavaScript
- Homepage:
- Size: 431 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# react-mern-contacts
Welcome to my GitHub repository for React MERN Contacts! This is a full-stack web application built with the MERN stack (MongoDB, Express.js, React, and Node.js) for managing contacts. Below you will find some information on how to use and navigate this repository.
Getting Started
---------------
To get started with this repository, simply clone it to your local machine using the following command:
`git clone https://github.com/charlespalmerbf/react-mern-contacts.git`
Then, navigate to the project directory and install the necessary dependencies:
`cd react-mern-contacts
npm install`
Next, create a `.env` file in the root directory of the project and add the following variables:
`MONGO_URI=
JWT_SECRET=`
Finally, start the development server:
`npm run dev`
Features
--------
React MERN Contacts is designed to help users keep track of their contacts. Some of the key features include:
- Ability to add, edit, and delete contacts
- User authentication using JSON Web Tokens (JWT)
- Integration with MongoDB for data persistence
Technologies Used
-----------------
This web application was built using the following technologies:
- MongoDB
- Express.js
- React
- Node.js
- JSON Web Tokens (JWT)
- Axios
- bcrypt.js
File Structure
--------------
The repository is organized into the following directories:
- `client/`: Contains the source code for the frontend, built with React.
- `server/`: Contains the source code for the backend, built with Node.js and Express.js.
- `config/`: Contains configuration files for the backend.
- `models/`: Contains the Mongoose models for the application.
- `routes/`: Contains the API routes for the application.
Contributing
------------
If you would like to contribute to this project, please feel free to submit a pull request.