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:
[email protected] - 🔑 Password:
Admin@123
- ⚛️ 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
- 🔐 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
src/App.jsx– Main application file with routingsrc/components/Login.jsx– Admin login form with validationsrc/components/navbar.jsx– Navigation bar componentsrc/Home.jsx– Home page layout
-
Install dependencies
cd frontend npm install
- 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
- 🔐 Admin Authentication: JWT-based with middleware verification
- 📁 CRUD APIs: Projects, Clients, Subscribers, Contact Forms
- 🛡️ Admin Middleware: Secures protected routes
- 🔧 Environment Management: Uses
.envfor secrets