dmhd6219 / booking-bot-frontend

Frontend for rooms booking system at Innopolis University

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.

About

Frontend for rooms booking system at Innopolis University

License:MIT License


Languages

Language:TypeScript 94.6%Language:HTML 2.7%Language:CSS 2.6%