ParkItUp (Parking Slot Booking Management System)

ParkItUp is a full-stack parking slot booking management system that allows users to check parking availability and reserve slots through a web interface. The project demonstrates a complete frontend–backend workflow including API handling, state management, and dynamic slot allocation.

✨ TECHNOLOGIES

• React.js
• Node.js
• Express.js
• MongoDB
• JWT Auth
• Tailwind CSS 4
• Vite
• Razorpay API (Payment Gateway)

🚀 FEATURES

• Real-time parking slot booking system
• Backend API for slot management
• Full-stack integration using MERN architecture
• Role-Based Access Control: User role based interfaces (user, admin)
• Integrated RazorPay's Secure Payment Gateway for slot booking.

💡 Why ParkItUp?

Parking management at malls, offices, and residential complexes is still handled manually or through outdated systems. ParkItUp solves this with a real-time, web-based booking system where admins manage slots and users book & pay instantly — no phone calls, no guesswork.

⚙️ Environment Variables

Create a .env file in /server with:

MONGO_URI=your_mongodb_connection_string JWT_SECRET=your_jwt_secret RAZORPAY_KEY_ID=your_razorpay_key RAZORPAY_KEY_SECRET=your_razorpay_secret PORT=5000

🚦 RUNNING THE PROJECT

• Clone the repository
• Install dependencies: npm install
• Run frontend: npm run dev
• Run backend: node server.js
• Open http://localhost:5173 in your browser

🎞️ PREVIEW

https://parkitup-app.netlify.app/