InnoBookingFrontend

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 :

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.