Giter Club home page Giter Club logo

constructweekporterclone's Introduction

Clone of Porter.in

Hello there, as a student of Masai School we have construct week wehere we can utilize the knowledge we gain throughout the particular unit.

After compilation of unitII we were having knowledge of HTML, CSS and JavaScript using that we as a team of four have created a clone of (porter.in).

This site is a basically for the one who wants to shift there goods from place to another this is primarly a mobile app that is why on website it has some limitted functionalities.

Acknowledgements

This site is clone using :

  • HTML (using HTML helped us to create various elements like 'div', 'p', 'img' etc)
  • CSS (using CSS we were able to make this web-page colorful and more elegant)
  • JavaScript (using js we were able to make our web-page work ex; moving from home page to another page)

Features

  • Get available vehical for transporting for provided pickup and drop locations.
  • filter orders (ex: live orders, completed orders etc.)
  • User wallet displays Balance
  • filter amount all debit / all credit
  • pop-up log-in
  • option to signout

About

Landing Page:

  • Home
  • Packers & Movers
  • Drivers & Partners
  • For Enterprises

page afer filling form on home.html:

  • Estimate

Pages user can see after log in on Drivers & Partners:

  • User History
  • User Wallet

Dummy User Details:

Demo

Insert gif or link to demo

Logo

Some Screenshots

Home page of Porter:

  • Fully Functional Navigation Bar
  • Header (common on all pages)
  • By simply clicking on the name of page you can head to that page
  • Fill-up the form to get estimate

App Screenshot

Home page of Porter:

  • User attractive Info bar
  • click on the vehical of your choice to get detailed information
  • image will change color on clicking

App Screenshot

Home/Estimate page of Porter:

  • Once user clicks on Get estimate button will get redirected to this page
  • you can see your pickup and Drop location (whatever user insert in the form)
  • To get Porter app for adroid click on playStore image

App Screenshot

Packers & Movers page of Porter:

  • Fully Functional Navigation Bar
  • Header (common on all pages)
  • customer friendly page
  • simple form to get quote

App Screenshot

Packers & Movers page of Porter:

  • Some detail Information to read

App Screenshot

Packers & Movers page of Porter:

  • Some Happy Customer Reviews

App Screenshot

Driver & Partners page of Porter:

  • Fully Functional Navigation Bar
  • Header (common on all pages)
  • Driver Partners page

App Screenshot

Driver & Partners page of Porter:

  • A simpl and user-friendly Login pop-up
  • Demo Id: [email protected]
  • Demo Password: 123456

App Screenshot

User Order History page of Porter:

  • Simple user order history page
  • User can Filter according to the status of order

App Screenshot

User Wallet page of Porter:

  • Simple user order Wallet page
  • User can Check Wallet Balance
  • one can Filter transactions (ex: debit/credit/all transactions)
  • one can logout after cclicking on user icon and selecting "signout" option

App Screenshot

Driver & Partners page of Porter:

  • Some eyecatching informative web sections for good customer enggaging

App Screenshot

For Enterprises page of Porter:

  • Fully Functional Navigation Bar
  • Header (common on all pages)
  • For Enterprises page

App Screenshot

Footer for Porter:

  • Footer (common on all pages)

App Screenshot

Thank You!

This is our very first project Thank you so much for visiting, we would really like to know your reviews and suggestions. Thank you...!

๐Ÿ”— Find Team Porter on Linkdin

  1. Dheeraj Bisht (https://github.com/dheerajbisht362)

  2. Abhishek Ranjan (https://github.com/AbhishekRanjan8051)

  3. Arnavi Gode (https://github.com/arnavigode)

  4. Nitish Kumar (https://github.com/Nitish8800)

constructweekporterclone's People

Contributors

abhishekranjan8051 avatar arnavigode avatar dheerajbisht362 avatar nitish8800 avatar

Watchers

 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.