https://github.com/mandinijayaratne/merncoffeefind
This project was my first practice in the MERN stack.CoffeeFind is a MERN web application where locals can share and explore favorite coffee spots. All users can view coffee places, while logged-in users can create, update, and delete entries in their accounts. Each user has a profile, with passwords securely hashed for privacy and security.
https://github.com/mandinijayaratne/merncoffeefind
bycrypt crud jwt mern-stack
Last synced: 5 months ago
JSON representation
This project was my first practice in the MERN stack.CoffeeFind is a MERN web application where locals can share and explore favorite coffee spots. All users can view coffee places, while logged-in users can create, update, and delete entries in their accounts. Each user has a profile, with passwords securely hashed for privacy and security.
- Host: GitHub
- URL: https://github.com/mandinijayaratne/merncoffeefind
- Owner: MandiniJayaratne
- Created: 2024-11-03T10:29:42.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2024-11-11T00:58:01.000Z (12 months ago)
- Last Synced: 2025-03-16T22:46:43.756Z (8 months ago)
- Topics: bycrypt, crud, jwt, mern-stack
- Language: JavaScript
- Homepage:
- Size: 12.2 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# CoffeeFind ☕
**CoffeeFind** is a MERN web application where locals can share and explore favorite coffee spots. All users can view coffee places, while logged-in users can create, update, and delete entries in their accounts. Each user has a profile, with passwords securely hashed for privacy and security. 💡This project was my first practice in the MERN stack.
## Features ✨
- **View Coffee Places**: All users can browse coffee places shared by others.
- **User Accounts**: Registered users can create, edit, and remove their coffee places.
- **Profile Management**: Each user has a profile, with passwords securely stored using hashing.
- **Authentication and Authorization**: Access to specific actions (create, update, delete) is restricted to logged-in users.
## Technologies Used 🛠️
- **Frontend**: React.js ⚛️
- **Backend**: Node.js 🌐, Express.js 🚀
- **Database**: MongoDB 🗄️ (with Mongoose for ORM)
- **Authentication**: JWT (JSON Web Tokens) 🔐 for secure access control
- **Password Hashing**: bcrypt 🔑 for secure storage
## Installation and Setup 🛠️
### Prerequisites
- Node.js and npm
- MongoDB (or a cloud-based MongoDB service)
### Steps
1. **Clone the repository**:
```bash
git clone https://github.com/MandiniJayaratne/MernCoffeeFind.git
2. **Backend Setup**:
- Navigate to the backend directory:
```bash
cd backend
```
- Install dependencies:
```bash
npm install
```
- **Configure the MongoDB connection**:
```plaintext
MONGODB_URI=your_mongodb_connection_string
```
- Start the backend server:
```bash
npm start
```
3. **Frontend Setup**:
- Open a new terminal and navigate to the frontend directory:
```bash
cd ../frontend
```
- Install dependencies:
```bash
npm install
```
- Start the React app:
```bash
npm start
```