Affiliate++ Frontend

Affiliate++ is a modern affiliate link management web application designed to simplify and streamline the process of sharing, tracking, and analyzing affiliate links. This repository contains the frontend of the application, built using React.js.

---

🚀 Live Demo

👉 Click here to view the live app

---

🛠️ Tech Stack

Frontend

• ⚛️ React.js
• 🎨 Material-UI (MUI)
• 🅱️ Bootstrap 5
• 🔐 JWT Authentication
• 🌐 OAuth 2.0 (Google Login)
• 📦 Axios for HTTP requests
• 🧭 React Router
• 💳 Razorpay (for payments)
• 🧩 React Context API

Backend (in separate repo)

• 🧠 Node.js + Express.js
• 🗄️ MongoDB + Mongoose
• 🔐 bcryptjs + JWT
• 📬 Webhooks (Razorpay)
• 👥 RBAC (Admin/User roles)
• 🧱 MVC Architecture
• 🌐 CORS, dotenv

📁 Backend Repository: Affiliate++ Server

---

📦 Key Features

• 🔗 Create and manage affiliate links
• 📊 Track clicks and link performance
• 🔐 Secure JWT-based authentication
• 👤 Google OAuth login
• ⚙️ Admin/User role-based access (RBAC)
• 💳 Razorpay payment support
• 📬 Webhook integration
• 🧱 Backend follows MVC pattern
• 🎨 Clean UI with Material-UI + Bootstrap

---

---

🧑‍💻 Getting Started (Local Setup)

Follow these steps to set up the project locally.

---

🔧 Prerequisites

• Node.js (v14+)
• npm or yarn
• MongoDB (local or Atlas)
• Git

---

🚀 Frontend Setup

# Clone this frontend repository
git clone https://github.com/Babal1111/Affiliate_client.git

# Navigate into the project directory
cd Affiliate_client

# Install dependencies
npm install

# Frontend dependencies
npm install react react-router-dom axios jwt-decode bootstrap @mui/material @mui/icons-material react-google-login razorpay

# Create a .env file
touch .env
Frontend .env:

REACT_APP_SERVER_ENDPOINT=http://localhost:5000
REACT_APP_RAZORPAY_KEY_ID=your_razorpay_key

bash

# Start development server
npm start
⚙️ Backend Setup
bash

# Clone the backend repository
git clone https://github.com/Babal1111/Affiliate_server.git

# Navigate into backend
cd Affiliate_server

# Install dependencies
npm install

# Backend dependencies
npm install express mongoose jsonwebtoken bcryptjs cors dotenv razorpay express-validator  cookie-parser

# Dev dependencies (optional, for development use)
npm install --save-dev nodemon

# Create backend .env file
touch .env
Backend .env:

MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_jwt_secret_key
PORT=5000
bash

# Start backend server
npm run dev

🤝 Contributing
Contributions are welcome!
Feel free to fork this repo, raise issues, or submit a pull request.

📜 License
This project is licensed under the MIT License.

🙌 Authors
Created with 💻 by BP Singh
Backend: Affiliate++ Server

⭐️ If you found this project helpful, don't forget to star it!



---

Let me know if you want this as a downloadable file or want a separate backend README version too!