Skip to content

The frontend of a MEAN stack project called otôbus, a bus management system.

License

Notifications You must be signed in to change notification settings

nimishjn/otobus-frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

42 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

otôbus-frontend

signup

This repository is the frontend of a MEAN stack project called otôbus, a bus management system built for a college project.

Backend Repository

Tech Stack

  • HTML5
  • CSS3
  • JavaScript
  • AngularJs 1.7.5
  • Bootstrap

Functionalities

  • Home Page
  • About Page
  • Navbar and Footer
  • A 404 error page
  • Signup
  • Login
  • JWT authentication for keeping a user logged in even after leaving the website
  • Listing of buses
  • Displaying the details of individual Buses
  • Booking a Bus
  • View Bookings
  • Delete a Booking
  • Theme toggle (Dark and Light Theme)
  • Frontend and backend validation
  • Fully Responsive view to support all screen sizes

Folder structure

root
└─ app
   ├─ assets
   │  ├─ 404.png
   │  ├─ 404.svg
   │  ├─ arrow-right.svg
   │  ├─ booking.json
   │  ├─ bus-map.svg
   │  ├─ bus.png
   │  ├─ buses.json
   │  ├─ canada-flag.png
   │  ├─ customer-support.svg
   │  ├─ dk.jpg
   │  ├─ empty-star.svg
   │  ├─ full-star.svg
   │  ├─ global-coverage.svg
   │  ├─ half-star.svg
   │  ├─ india-flag.png
   │  ├─ logo.svg
   │  ├─ malaysia-flag.png
   │  ├─ multiple-bus-service.svg
   │  ├─ otobus_logo.png
   │  ├─ secured-payments.svg
   │  ├─ singapore-flag.png
   │  ├─ uk-flag.png
   │  └─ usa-flag.png
   ├─ component
   │  ├─ about
   │  │  ├─ about.css
   │  │  ├─ about.html
   │  │  └─ about.js
   │  ├─ book
   │  │  ├─ book.css
   │  │  ├─ book.html
   │  │  └─ book.js
   │  ├─ footer
   │  │  └─ footer.css
   │  ├─ home
   │  │  ├─ home.css
   │  │  ├─ home.html
   │  │  └─ home.js
   │  ├─ listBooking
   │  │  ├─ listBooking.css
   │  │  ├─ listBooking.html
   │  │  └─ listBooking.js
   │  ├─ listBus
   │  │  ├─ listBus.css
   │  │  ├─ listBus.html
   │  │  └─ listBus.js
   │  ├─ login
   │  │  ├─ login.css
   │  │  ├─ login.html
   │  │  └─ login.js
   │  ├─ navbar
   │  │  ├─ navbar.css
   │  │  └─ navbar.js
   │  ├─ page404
   │  │  ├─ page404.css
   │  │  ├─ page404.html
   │  │  └─ page404.js
   │  └─ signup
   │     ├─ signup.css
   │     ├─ signup.html
   │     └─ signup.js
   ├─ core/
   ├─ app.js
   ├─ app.css
   ├─ index.html
   └─ theme.js

Screenshots

View screenshots

Landing Page (Desktop)

dark light

Responsive view

dark light

SignUp Page

signup

Login Page

login

List of Buses

listbus

Bus details

busdetails

Payments dialog box

payments

List of bookings

busdetails

Contributors


Nimish Jain

Rushil Saini

Tarunika Agarwal

About

The frontend of a MEAN stack project called otôbus, a bus management system.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •