/booking-bot-frontend

Frontend for rooms booking system at Innopolis University

Primary LanguageTypeScriptMIT LicenseMIT

InnoBookingFrontend

License React Telegram Web App Contributions welcome

Telegram Web App for InnoBookingBot. Made as project for SWP (Software Project) course at Innopolis University.

🔴 Live Demo

You can try open demo telegram bot with React WebApp (for Booking page) @web_app_react_test_bot.

🔧 Installation & Get started

1️⃣ Foremost, you have to do initializing web apps step, because package has dependency of Telegram Web App context.

2️⃣ Install dependencies by running:

npm install

3️⃣ Add API url to .env file.

REACT_APP_API_URL='https://url.adress'

4️⃣ ADD url for notification server to .env file.

REACT_APP_BOT_URL='https://url.adress'

4️⃣ Configure Google Firebase. Firestore should look like : Structure of database

5️⃣ Add Firebase Variables to .env file.

REACT_APP_FIREBASE_API_KEY='firebase API key'
REACT_APP_FIREBASE_AUTH_DOMAIN='firebase auth domain'
REACT_APP_FIREBASE_PROJECT_ID='firebase project id'
REACT_APP_FIREBASE_STORAGE_BUCKET='firebase storage bucket'
REACT_APP_FIREBASE_MESSAGING_SENDER_ID='firebase messaging sender id'
REACT_APP_FIREBASE_APP_ID='firebase app id'

6️⃣ Try it out by running:

npm start

🛣 Roadmap

Here's what's coming up:

  • Page with all bookings.
  • Localization.
  • Page with user's bookings and availability to delete them.
  • Page with rules.
  • Main booking features support.