Giter Club home page Giter Club logo

zoomcar-clone's Introduction

ZoomCar- Self Drive Car Rentals

Zoomcar is an Indian car-rental platform, headquartered in Bangalore. The company was founded in 2013 by David Back and Greg Moran. It currently operates in 34+ cities.


Link:

https://prayagp8.github.io/ZoomCar-Clone/

Please Use the index.html(Home page) present in repository.


Landing Page


F7bzH1.png

In the Homepage, we have a Navbar which has been created using the Bootstrap framework of CSS and we have also used Import/Export feature of ES6 to export the Navbar to all other pages inside the website.

Location page


F7c1hz.png

On clicking the search box, the user is redirected to the location where the page automatically fetches the User's Current Location. The User also has an option to manually enter the location or pick a location from the Map.

Calendar Page


F7cN21.png

After selecting the location, the user is required to select the Start Date-End-Date and Start time to End-Time from the Calendar and the Time Slider. After selecting the preferred date and time, the user is redirected to the product page.

Product Page


F7Rq7T.png

In the above Product page, the User can choose a car of his choice. He can also search cars of his preference using the filters on the Left side of the Screen. We have used Sorting and filtering methods of JavaScript Higher Order Functions and the user clicks on Book Now option which redirects to the Summary page.

Summary page


F7gFSP.md.png

In the Summary Page, the User confirms the Selected Date and Time as well as the car Selected. He is then redirected to the payment page.

Payment Page


F7gqgW.png

On the payment page, the user can select a convenient payment option and complete the payment. On Successful payment, the booking gets confirmed and the user gets a confirmation email and is redirected back to the landing page.

Features of the Website:

  1. Login/Sign-Up Functionality
  2. Location Access using the Location function and Google Maps integration.
  3. ES6 features like Import/Export and Arrow Functions to produce clean code.
  4. Bootstrap Framework for the CSS Functionality and icons using Font Awesome and Google Material Fonts.

Tech Stack Used: HTML, CSS and Advanced Javascript

A collaborative team of 5 members with each one of us handling a key responsibility and completed the project in 4 days.

Collaborators

  • Subham Ranjan
  • Prem Kumar
  • Neeraj Singh
  • Prayag Patel
  • Sanketh TJ

zoomcar-clone's People

Contributors

ranjanji avatar prayagp8 avatar sankethtj avatar neerajsinghraikwal avatar premkumarak47 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.