Documentation of MakeMyTrip Project
==> MAKE MY TRIP
The Application is all about the service provide. Service provide like hotel booking , tour booking, fight booking and etc. Make my Trip is work on B2C model. It is very beneficial for the Provider as well as User. Advantage of this application is Value-Added Services ,time saving , technical support ,24/7 Accessibility and etc. Follow the program.
==> Technology Stack
-
Frontend Technology & Framework: Flutter, Dart
-
Backend Technology & Framework: Firebase, NodeJS
-
Project architecture: Clean architecture, with separation of presentation, data and domain layer
-
Project VCS: GitHub
---------- FrontEndSide -----------
==> Screen wise technical flow:
-
Splash screen
- Technical Logic
- Show splash screen till 3 seconds.
- Technical Logic
-
Intro Page - It’s a simple page with redirection - This will be customised as per the UI/UX - It will comprise of images, content and videos.
-
Login Page
-
Technical Logic
- LogIn with social Media
- On click of google login, call googleLogin method from bloc and login user via google Login and in that user FirebaseAuth to authenticate user.
- On click of Facebook login, call Facebook Login method from bloc and login user via Facebook Login and in that user FirebaseAuth to authenticate user.
- Once user is loggedIn,
- update isLoggedIn value to true in share preference
- check if the user exists in User model in database. If it is not then save userdata in database.
- LogIn with Credentials
- shows two field email id and password
- Check if the user exists in User model in database. If it is there then store id of user in shared preference
- Sign up redirect link
- On click of signup link,redirect to the sign up page
-
-
Sign up Page * Technical Logic
1. Credentials Signup - Shows the fields like Full name, Email,Phone number,Password and Confirm Password for input user data - Check if the user exists in User model in database. If it is there then show error that user is already loggedIn otherwise store the data. 2. login redirect link - On click of login link,redirect to the login page
-
Home Page * Technical Logic
1. Access for Visitor/Registered User * Features - state tour - place tour - hotels booking * popular hotels - shows the list of hotels based on ratings. * Tab bar - Home - My Trips - Favourite Hotel - Profile * Others - This will be customised as per the UI/UX
-
Search hotel page * Technical Logic
- Location field - Date field (check In – check Out) , Select using the calendar. - Select rooms field
-
Hotels list page * Technical Logic
1. App bar - Edit search hotel details - search bar for address - filter for hotels 2. List of hotel list - show card of hotel detail
-
View Hotel Details Page * Technical Logic
1. Image View 2. Information of Hotels 3. Hotel Confirmation Button
-
Select Room Page * Technical Logic
1. Different Category Room with more details about the foods and etc. 2. Confirmation Button/ Payment Button. 3. Other will be customised as per the UI/UX
-
Payment Page
-
Technical Logic
-
Static Page.
---------- BackEndSide -----------
-
-
==> Screen wise technical flow:
-
Home page
- display 4 image(famous hotel) that get from api
- display popular tours that consist
- tour name
- tour image
- tour price
- tour rating
- tour id
-
Hotel search page
- front end give city name , checkin check out data , no of room based on display hotel that consist
- hotel name
- hotel id
- rating
- address
- price
- hotel image
- front end give city name , checkin check out data , no of room based on display hotel that consist
-
Hotel page
- front end give hotel id based on display hotel that consist
- hotel name
- hotel id
- rating
- address
- price
- hotel image
- hotel desc
- location
- front end give hotel id based on display hotel that consist
-
select room page
- front end give hotel id in that page 3 api calling for deferent type room based on display room details that consist
- room id
- room type
- description
- Features
- price
- images
- front end give hotel id in that page 3 api calling for deferent type room based on display room details that consist
-
room page
- front end give room id based on display room details that consist
-
room id
-
room type
-
description
-
Features
-
price
-
images
---------- Figma Design -----------
-
- front end give room id based on display room details that consist
==> Figma Design Link: https://www.figma.com/file/7x0tt8OUgCrmKL2IKd3uGK/Untitled?node-id=0%3A1