Git Product home page Git Product logo

lawrenceaddo / ixigo-thugs Goto Github PK

View Code? Open in Web Editor NEW

This project forked from blg-codedrive/ixigo-thugs

0.0 0.0 0.0 4.39 MB

Our project ixigo-thugs is a clone of ixigo.com ,which is a famous travel website. ixigo provides services like information, prices and availability for flights, trains, buses, and hotels, and allows ticket booking through its associate websites and apps The project is built using react js as a part of built week in Masai School.

JavaScript 80.51% CSS 18.28% HTML 1.22%

ixigo-thugs's Introduction

Ixigo Clone

As a part of our build week we were given a problem statement to clone the website ixigo.com in a span of 5 days.Ixigo is one of the leading travel websites in India which offers different services like ticket booking,hotels etc.

Team Size

4

Team Members

  1. Jagadish Hospet
  2. Safiur Rahaman
  3. Ananthu Asokkumar
  4. Kishan Kumar

About Project

ixigo is an Indian AI-based online travel portal, launched in 2007. Headquartered in Gurgaon, ixigo aggregates and compares real-time travel information, prices and availability for flights, trains, buses, and hotels, and allows ticket booking through its associate websites and apps.We have made this clone as a part of built week in masai school for eductional purpose.Our landing page is the flights booking page and we have done almost all functionalities till successfull booking of a flight.

Build With

  • React JS
  • Redux
  • Material UI
  • Bootstrap
  • NodeJS
  • Express
  • MongoDB(Database)

Pre-requisites

Clone the repo:

    git clone repo_link

Create branches

    git checkout -b branch_name

Adding the files:

    git add filename

Commiting the changes:

    git commit -m "description"

Pushing the commits:

    git push origin branch_name

Pulling the changes

    git pull origin branch_name

Dependencies used

  • cors: ^2.8.5,
  • express: ^4.17.1,
  • mongoose: ^5.11.15,
  • nodemon: ^2.0.12,
  • emotion/react: ^11.4.1,
  • emotion/styled: ^11.3.0,
  • material-ui: ^4.12.3,
  • bootstrap: ^5.1.3,
  • react-google-login: ^5.2.2,
  • react-phone-number-input: ^3.1.35,
  • react-redux: ^7.2.5,
  • redux-thunk: ^2.3.0,

Core Functionalities

  • Login/Signup
  • Google signup
  • Flights Page
  • Search for flights
  • Filtering flights by arirlines and on basis of stops.
  • Booking Page of flights
  • Checkout
  • Payment page

Quick Tour to our Project

1.This is our login modal

This is the login page of our app

  1. This is the langing page of our website.

This is the landing page of our page

  1. This the flights page where the user can find and filter the flights according to their preference.The use can choose the flights according to one stop ,two -stop ,and non stop. Apart from that the user can filter the airlies and select their preffered flights using the filters.

  1. On selecting the flight it will take you to the booking page.In the booking page the discount ,offers and final amount after tax and will be shown .If the user wants to modify the booking he can go back and make changes and on confirmation of booking it will take the user to the checkout page.

  1. After adding details of traveller ,the user can go to the checkout details , on click of checkout will take the user to payments page.This is the payment gateway where the user has to provide the card details and make the payment and confirm their tickets.

  2. Once the payment is done and the use will get booking confirmation message and it will redirect from the payment page and after 3 seconds it will redirect the user to the home page of the website.

ixigo-thugs's People

Contributors

ananthu-asokkumar avatar safiur799 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.