ReserveIt - Meeting Room Booking System

Welcome to ReserveIt, a comprehensive and dynamic meeting room booking platform, designed for both users and administrators. The platform offers seamless booking functionalities, room management, and payment integration, making it easier than ever to manage meeting spaces.

🚀 Live Demo

Visit the live website form here

📂 Project Overview

Backend Tech Stack:

• Node.js
• Express.js
• Mongoose (MongoDB for database)
• TypeScript

Frontend Tech Stack:

• React.js
• TypeScript
• Ant Design
• Redux Toolkit & RTK Query
• Zod Validation

Payment Integration:

• Amar Pay: Secure and smooth payment processing.

✨ Features

User Features:

• Real-Time Room Availability: Users can browse rooms and check availability in real-time.
• Room Booking: Book rooms for meetings with just a few clicks.
• Dynamic User Dashboard: Track and manage your bookings effortlessly.

Admin Features:

• Admin Dashboard: Comprehensive admin panel for managing rooms, slots, and bookings.
• CRUD Operations: Create, update, delete rooms, slots, and bookings dynamically.
• Payment Management: Monitor and manage transactions through Amar Pay.

Payment System:

• Integrated Amar Pay payment gateway ensures smooth and secure transactions.

📦 Installation & Setup

Frontend Setup:

1. Clone the backend repository:

   git clone https://github.com/Nazmos27/meeting-room-booking-system-frontend
   

2. Install all dependencies

    npm install

3. Set up a .env file as per .env.example file. Add you database and all necessary link there
4. Then run it on local machine

    npm run dev
   

Backend Setup

See here to setup the backend on your local machine

🛠️ Usage

User Dashboard:

• Browse rooms based on availability.
• Make and manage bookings.

Admin Dashboard:

• Manage user, room, slots, availability, and booking requests.
• Oversee payment transactions.

📚 Documentation

For further details on API routes, services, and components, refer to the following documentation:

Backend Repository:

Backend Codebase

💡 Key Learnings

• Implemented TypeScript in both backend and frontend for better type safety and developer experience.
• Used RTK Query for optimized data fetching and state management.
• Integrated Zod Validation for robust input validation and error handling.
• Enhanced user experience with Ant Design components.
• Successfully incorporated Amar Pay for real-time payments.

🔗 Contact

If you have any questions or want to collaborate, feel free to reach out:

• Email: Email
• LinkedIn: https://www.linkedin.com/in/nsakib27/