https://github.com/himalayasingh3/mern-stack-phonk-app

Phonk App is a modern, full-stack application built with the MERN stack (MongoDB, Express.js, React.js, and Node.js). It features JWT authentication for secure user access and includes an Admin Panel to manage content efficiently.
https://github.com/himalayasingh3/mern-stack-phonk-app

axios expressjs jwt lucide-react mongodb multer nodejs reactjs

Last synced: 3 months ago
JSON representation

Phonk App is a modern, full-stack application built with the MERN stack (MongoDB, Express.js, React.js, and Node.js). It features JWT authentication for secure user access and includes an Admin Panel to manage content efficiently.

• Host: GitHub
• URL: https://github.com/himalayasingh3/mern-stack-phonk-app
• Owner: HimalayaSingh3
• Created: 2025-01-19T12:07:35.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-03-22T09:13:23.000Z (over 1 year ago)
• Last Synced: 2026-01-03T14:25:22.739Z (6 months ago)
• Topics: axios, expressjs, jwt, lucide-react, mongodb, multer, nodejs, reactjs
• Language: JavaScript
• Homepage: https://phonk-app.vercel.app
• Size: 17.7 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Phonk App

### Phonk App Banner![Screenshot 2025-03-20 170124](https://github.com/user-attachments/assets/b568395d-5d2c-4e72-9fff-f688a542969a)

## 🚀 Introduction

Phonk App is a modern, full-stack application built with the **MERN stack** (MongoDB, Express.js, React.js, and Node.js). It features **JWT authentication** for secure user access and includes an **Admin Panel** to manage content efficiently.

---

## ✨ Features

- 🔑 **JWT Authentication** for secure login/logout.

- 🛠️ **Admin Panel** for user and content management.

- 📂 **MongoDB Database** for scalable data storage.

- ⚡ **Optimized Backend** using Express.js.

- 🎨 **Modern UI** with Tailwind CSS & ShadCN.

- 🚀 **Fast Performance** with optimized API calls.

---

## 📸 Screenshots

### 🎛️ User Panel![Screenshot 2025-03-20 165348](https://github.com/user-attachments/assets/9cb7977d-7b3f-4e3e-8d72-a6ab034c9110)

### 🎛️ Admin Panel![Screenshot 2025-03-20 165305](https://github.com/user-attachments/assets/eeef3935-05cf-4352-969c-8496ee4cb6c2)

---

## 🛠️ Tech Stack

- **Frontend**: React.js (Vite) + Tailwind CSS + ShadCN

- **Backend**: Node.js + Express.js + MongoDB

- **Authentication**: JWT (JSON Web Token)

- **State Management**: React Context API / Redux (if applicable)

- **Database**: MongoDB + Mongoose ORM

- **Caching**: Redis (if used for optimization)

- **Hosting**: Vercel / Netlify (Frontend), Render / Railway (Backend)

---

## 🏗️ Installation

1. **Clone the repository**:

   ```sh

   git clone https://github.com/your-username/phonk-app.git

   cd phonk-app

   ```

2. **Install dependencies**:

   ```sh

   npm install

   ```

3. **Set up environment variables** (`.env` file):

   ```env

   MONGO_URI=your_mongodb_connection_string

   JWT_SECRET=your_jwt_secret

   FRONTEND_URL=http://localhost:3000

   ```

4. **Run the backend**:

   ```sh

   npm run server

   ```

5. **Run the frontend**:

   ```sh

   npm run dev

   ```

---

## 🚀 Usage

- **User**: Register/Login and access core features.

- **Admin**: Access the admin panel to manage content and users.

---

## 🤝 Contribution

1. Fork the repository.

2. Create a new branch (`feature-branch`).

3. Commit changes (`git commit -m "Added new feature"`).

4. Push to GitHub and create a Pull Request.

---

## 📜 License

This project is licensed under the **MIT License**.

---

## 📩 Contact

- **Author**: Your Name

- **Email**: your.email@example.com

- **GitHub**: [Your GitHub Profile](https://github.com/your-username)

---

💻 Made with ❤️ using the **MERN Stack**