Full Stack Internship Project

This repository contains a full-stack web application featuring:

• 🔧 Backend: Node.js, Express, MongoDB (Mongoose)
• 💻 Frontend: React, Vite, Tailwind CSS
• 🛡️ Authentication: JWT with admin access
• ☁️ Cloudinary: For image uploads

Visit the Admin Panel here:
🔗 https://marketingcompany-eosin.vercel.app/admin

Login credentials:

• 📧 Email: admin@example.com
• 🔑 Password: Admin@123

🖥️ Frontend

⚙️ Tech Stack (Frontend)

• ⚛️ React – UI library
• ⚡ Vite – Fast development server and build tool
• 🎨 Tailwind CSS – Utility-first styling framework
• 🧭 React Router – Client-side routing
• 🔗 Axios – For making HTTP requests
• 📝 React Hook Form – Form management and validation
• ⏳ React Spinners – Loading indicators

---

✅ Features (Frontend)

• 🔐 Admin Login Page – Includes form validation and loading state
• 🧭 Responsive Navbar – Navigation component across pages
• 🏠 Home Page Layout – Basic placeholder for home/dashboard content
• 🔗 API Integration – Connects with backend for authentication and data
• 🎨 Tailwind CSS – For clean, responsive, and modern UI

---

📁 Main Frontend Files

• src/App.jsx – Main application file with routing
• src/components/Login.jsx – Admin login form with validation
• src/components/navbar.jsx – Navigation bar component
• src/Home.jsx – Home page layout

---

🛠️ How to Run (Frontend)

1. Install dependencies

   cd frontend
   npm install
   

---

🔙 Backend

⚙️ Tech Stack (Backend)

• Node.js & Express – API server
• MongoDB & Mongoose – Database and ODM
• JWT – Authentication (admin)
• bcryptjs – Password hashing
• Cloudinary – Image hosting
• dotenv – Environment config
• CORS & cookie-parser – Middleware

✅ Features (Backend)

• 🔐 Admin Authentication: JWT-based with middleware verification
• 📁 CRUD APIs: Projects, Clients, Subscribers, Contact Forms
• 🛡️ Admin Middleware: Secures protected routes
• 🔧 Environment Management: Uses .env for secrets