Home
Beiträge
Shop
Titelbild

Kaufe CompileTab einen Kaffee

☕
Add a video message

Shop

⚡ Viper Chat - MERN App

Setup Instructions


Follow these steps to run the project locally:

- Once you download the file, unzip it
- Open the folder in the Vscode editor

📂 Backend Setup

1. Open terminal and navigate to backend folder:

cd backend

2. Install dependencies:

npm install

3. Rename `.env.example` to `.env` file inside `backend` folder (replace placeholder values with your own):

PORT=8080
NODE_ENV=development
JWT_ACCESS_SECRET=any_string
MONGODB_URI=your_mongodb_uri_string
COOKIE_NAME_ACCESS=access_token
CLOUDINARY_CLOUD_NAME=your_cloudinary_cloud_name
CLOUDINARY_API_KEY=your_cloudinary_api_key
CLOUDINARY_API_SECRET=your_cloudinary_api_secret

4. Seed Data:

npm run seed

5. Start backend server:

npm run dev




🎨 Frontend Setup

1. Open a new terminal and navigate to frontend folder:

cd frontend

2. Install dependencies:

npm install

3. Rename `.env.example` to `.env` file inside `frontend` folder

4. Start frontend app:

npm run dev




🚀 Run the App

- Open browser and go to:
👉 `http://localhost:5173` (default Vite port)
- Make sure backend (8080)and frontend (5173)are both running.
- Ensure that you add all your keys here like MongoDB URI, JWT Secret and Cloudinary API credentials

Login in using credentials:
Password: 123456

$20

Alle Shop-Artikel anzeigen

Über CompileTab

I am passionate about building websites and sharing my knowledge with others. On my YouTube channel, I focus on creating content about building websites using React, Next.js, and JavaScript. I love exploring the latest trends in web development and showcasing practical tutorials and tips to help fellow developers enhance their skills. Join me on my coding journey as we dive into the world of web development together!

Neueste Supporter

Beiträge
🚀 Sneak Peek: Viper Chat – MERN App

🚀 Sneak Peek: Viper Chat – MERN App

Sep 17, 2025
245 Aufrufe
Nur Unterstützer

Sneak Peek: Home Renovation Services Landing Page Concept

Aug 01, 2024
360 Aufrufe
Nur Unterstützer

Sneak Peek: Responsive Portfolio Website - Carl Frank

Jul 27, 2024
353 Aufrufe
Alle Beiträge anzeigen
DatenschutzNutzungsbedingungenMelden
Starte deine „Kauf mir einen Kaffee“-Seite