lksmrck / meeting-rooms-reservation

Personal project of conference room reservation system for companies - React, Typescript, Firebase

👔 Meeting Room Reservation System

🔸 Demo

You can try the demo HERE based on following data:

+ login: [e-mail]
+ password: 123123

🔸 Key Features

Personal project of meeting room reservation system for companies.

📌 Features

1. User uses this app when he needs to book a meeting room for upcoming meeting or see/edit meeting details (time, meeting type, guests, meeting creators)
2. User is able to pick a day, see all company meeting rooms together (divided into 30 minutes time blocks from 7AM to 7PM).
3. One room is then picked for detailed view. In this view user is able to
   1. Book a meeting (by clicking on time blocks, which he would like to reserve and filling meeting form)
   2. View reserved meetings
   3. Edit reserved meetings in case, that the User is also Creator of that meeting
   4. Delete meeting in case, that the User is also Creator of that meeting
4. If the user has also Admin rights, he is able to manage (add and delete) meeting rooms and users for his company

📌 Steps

1. The company and one Admin user is created and assigned externally (…after contacting the app provider through the contact form and agreeing on terms)
2. That Admin user is then able to:
   1. Manage his company's meeting rooms (adding, deleting)
   2. Manage users (adding, deleting) and assigning the roles (Admin or User)

🔸 Configuration and setup

In order to run this project locally, simply fork and clone the repository or download as zip and unzip on your machine.

• Open the project in your prefered code editor.

Create .env file in the root of your directory and add following variables, based on your Firebase project setup:

REACT_APP_FIREBASE_API_KEY
REACT_APP_FIREBASE_AUTH_DOMAIN
REACT_APP_FIREBASE_PROJECT_ID
REACT_APP_FIREBASE_STORAGE_BUCKET
REACT_APP_FIREBASE_MESSAGING_SENDER_ID
REACT_APP_FIREBASE_APP_ID

$ npm install (to install dependencies)
& npm start (to start the client)

🔸 Main technologies used

• Frontend: React, Typescript, Chakra UI, Tailwind CSS
• Backend: Firebase
• Hosting: GH pages

🔸 Known issues

• Firebase backend security rules optimalization - work in progress

🔸 Future

• User is not able to create meeting in the past dates