A fleet management Application built with the service providers and user in mind

Overview

Speed, wisdom and Efficiency.

A fleet management Application built with the service providers and user in mind. A multi faceted Admin and consumer console application for mobile.

The application aims to aid the tracking of buses in a fleet, we have taken the example of the BMTC, The consumer is able to choose their destination and is referred to a best course to reach that destination using BMTC buses, based on bus capacity, location and availability.

The admin/Fleet manager is able to track the entire convoy of buses , with availability status, Seat capacity, Maintenance requirements, Breakdown checks, etc.

Feature List

  • Maintenance warnings
  • Route setting
  • Realtime Bus Tracking (~1min)
  • Seat capacity

Technologies used:

  • React Native
  • Expo CLI
  • Expo adjoint system call libraries (location)

Note: To run our application in an built APK format we would need a Google maps API key.

Steps to run the application

1. Run expo install in the ./App path inside the project root
2. Once everything is installed , run expo start to run the project cli
3. Connect expo to your android mobile phone using the Expo Go application or use a local emulator setup in android Studio.
4. Begin using the application based on your real location (physical device) or use an emulator with locations set in Bangalore.
5. Choose your destination using the map destination modal which can be opened using the bottom at the bottom of the map screen
6. Proceed to choose a destination and sort buses based on 3 parameters: Price, Distance or Capacity. You will be given a sorted list of current running buses (Simulated in our application) and can choose a bus of your choice to track on the map, all of which go to your destination.
7. The bus can be seen on the map and be interacted with.
8. The burger button on the top right can be used to bring up the general user menu and can be switched to admin view using the switch at the bottom of the page.
9. The Admin menu page provides a Speed Dial in the bottom right which can be used to access the admin console, fleet console, and project Timeline.
10. The fleet Console is used to track the buses in the fleet with status, capacity, route no, etc.
11. The admin console is the total overview on the fleet management side.
12. The timeline screen specifies our working objectives and plans over the project production lifecycle.

Map Home :

alt

Map with destination Modal:

alt

Map with price sorted buses:

alt

Map with Bus Tracking Ping:

alt

Main Menu Screen:

alt

Main Admin Menu:

alt

Fleet Console:

alt

Admin Console:

alt

Timeline:

alt

Note:
- To run the application on a device , Google maps API key is required.
Comments
  • API features and requirements

    API features and requirements

    • [x] give data of all buses based on the destination
    • [x] receive the bus location(searched) and give it to the client every 1 min
    • [x] Sorting based on Price, Time, Seat Capacity
    enhancement 
    opened by Harshavardhanjo 1
  • Map marker based on user location and bus location passing

    Map marker based on user location and bus location passing

    • Using Expo location to obtain user location and passing to react native map markers.
    • Marking in map , both the user's location and a mock bus' location
    enhancement 
    opened by PranavMurali 1
  • [ImgBot] Optimize images

    [ImgBot] Optimize images

    Beep boop. Your images are optimized!

    Your image file size has been reduced by 13% ๐ŸŽ‰

    Details

    | File | Before | After | Percent reduction | |:--|:--|:--|:--| | /readme/Menu.png | 65.58kb | 51.14kb | 22.02% | | /readme/Admin_menu.png | 80.93kb | 64.18kb | 20.69% | | /readme/Admin_console.png | 82.05kb | 67.70kb | 17.50% | | /readme/Fleet.png | 85.75kb | 71.33kb | 16.82% | | /readme/Price_Sorted_Buses.png | 127.00kb | 108.79kb | 14.34% | | /readme/Map_Ping.png | 339.99kb | 301.54kb | 11.31% | | /readme/Map_modal.png | 136.74kb | 121.78kb | 10.94% | | /readme/Map_Home.png | 295.96kb | 264.82kb | 10.52% | | | | | | | Total : | 1,214.00kb | 1,051.28kb | 13.40% |


    ๐Ÿ“ docs | :octocat: repo | ๐Ÿ™‹๐Ÿพ issues | ๐Ÿช marketplace

    ~Imgbot - Part of Optimole family

    opened by imgbot[bot] 0
  • [ImgBot] Optimize images

    [ImgBot] Optimize images

    Beep boop. Your images are optimized!

    Your image file size has been reduced by 33% ๐ŸŽ‰

    Details

    | File | Before | After | Percent reduction | |:--|:--|:--|:--| | /App/assets/icon.png | 27.85kb | 18.46kb | 33.72% | | /App/assets/favicon.png | 27.85kb | 18.46kb | 33.72% | | /App/assets/adaptive-icon.png | 27.85kb | 18.46kb | 33.72% | | /App/assets/bus-stop.png | 4.68kb | 3.56kb | 23.97% | | | | | | | Total : | 88.24kb | 58.94kb | 33.20% |


    ๐Ÿ“ docs | :octocat: repo | ๐Ÿ™‹๐Ÿพ issues | ๐Ÿช marketplace

    ~Imgbot - Part of Optimole family

    opened by imgbot[bot] 0
  • To do Features:

    To do Features:

    • [ ] Bus driver and Conductor allocation
    • [ ] Maintenance warnings
    • [x] Route setting
    • [x] Tracking
    • [x] Seat capacity
    • [ ] Pre-booking (Maybe?)
    • [ ] Bus pass integration
    TODO 
    opened by PranavMurali 0
Owner
Pranav Murali
Pranav Murali
USA Covid-19 Tracker is a mobile-first application built with React and Redux to give precise information about the virus behavior in the United States. Great transitions and user feedback made with plain CSS.

React.js USA Covid-19 Tracker This application allows the public to keep track of the stadistics of the Covid-19 Pandemic in the United Stated. You wi

Rafael Echart 14 Oct 25, 2022
This is a calculator application. The user can do some calculations on this application.

Math Magicians This is a calculator application. The user can do some calculations on this application. Built with: Reactjs Redux Live Live demo deplo

Firdavs Allamurotov 4 May 15, 2022
Twitter-Clone-Nextjs - Twitter Clone Built With React JS, Next JS, Recoil for State Management and Firebase as Backend

Twitter Clone This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn de

Basudev 0 Feb 7, 2022
As a user, I want to be able to post about travel locations and provide comments and ratings. As a user, I want to be able to look at other users posts and search travel locations by rating.

Travel-bug https://travelbug-project.herokuapp.com/ Table of Contents User-Story Description Installation Usage Contributions Tests License Questions

Megan 3 Mar 2, 2022
A bookstore app that allows a user add a book, displays added book with reviews and rating for each book and allows a user delete a book.

BOOKSTORE A bookstore app that allows a user add a book, displays added book with reviews and rating for each book and allows a user delete a book. Bu

Promise Okechukwu 7 Nov 1, 2022
A web application to search all the different countries in the world and get details about them which can include languages, currencies, population, domain e.t.c This application is built with CSS, React, Redux-Toolkit and React-Router.

A web application to search all the different countries in the world and get details about them which can include languages, currencies, population, domain e.t.c This application is built with CSS, React, Redux-Toolkit and React-Router. It also includes a theme switcher from light to dark mode.

Franklin Okolie 4 Jun 5, 2022
TV Show App is an application that allows to searh tv shows based on user input. Each tv show is displayed in a Bulma Card component and when clicked, heads you to the official tv show site

TV SHOW APP TV Show App is an application that allows to search tv shows based on user input. Each tv show is displayed in a Bulma* Card component and

HENDEL SAMY 1 Dec 19, 2021
Edvora App is a web application based on an external API, showing data about different types of products and the user can filter these data by choosing a specific state, city or product name. Build with React.js

Edvora App is a web application based on an external API, showing data about different types of products and the user can filter these data by choosing a specific state, city or product name. Build with React.js

Kyrillos Hany 5 Mar 11, 2022
An application that has a frontend (user interface) that allows you to create, read, update or delete (CRUD) products using an API in which you can also create, read, update or delete products.

CRUD app with React and Firebase 9 An application that has a frontend (user interface) that allows you to create, read, update or delete (CRUD) produc

Jรบlio Bem 3 Sep 28, 2021
Application that show the survey results for backend frameworks to the user in real time.

.Net5 Hangfire and SignalR Survey Application Application that show the survey results for backend frameworks to the user in real time. The hangfire j

Cihat Girgin 4 Dec 17, 2021
The user interface of the Restreamer for the connection to the Core application.

Restreamer-UI The user interface of the Restreamer for the connection to the Core application. React Material-UI (MUI) Development For the Restreamer

datarhei 12 Dec 21, 2022
Tiny and powerful state management library.

BitAboutState Tiny and powerful React state management library. 100% Idiomatic React. Install npm install --save @bit-about/state Features 100% Idioma

null 53 Nov 5, 2022
Recoil is an experimental state management library for React apps. It provides several capabilities that are difficult to achieve with React alone, while being compatible with the newest features of React.

Recoil ยท Recoil is an experimental set of utilities for state management with React. Please see the website: https://recoiljs.org Installation The Rec

Facebook Experimental 18.2k Jan 8, 2023
๐Ÿป Bear necessities for state management in React

A small, fast and scaleable bearbones state-management solution. Has a comfy api based on hooks, isn't boilerplatey or opinionated, but still just eno

Poimandres 25.5k Jan 9, 2023
๐Ÿ High performance subscription-based form state management for React

You build great forms, but do you know HOW users use your forms? Find out with Form Nerd! Professional analytics from the creator of React Final Form.

Final Form 7.2k Jan 7, 2023
React Query wrapper for NextAuth.js session management

NextAuth.js React-Query Client @next-auth/react-query React Query wrapper for NextAuth.js session management. Overview This is an alternative client f

NextAuth.js 124 Dec 16, 2022
A state management library for React, heavily inspired by vuex

Vuex - But for React! โš› If you know vuex, you know it's as close as we get to a perfect state management library. What if we could do this in the reac

Dana Janoskova 103 Sep 8, 2022
๐Ÿ”ฎ tiny robust state management

?? snapstate tiny robust state management ?? npm install @chasemoskal/snapstate ??๏ธ watch for changes to properties ??๏ธ track only the properties you

Chase Moskal 5 Dec 23, 2022
A tiny package for JavaScript Web App's state management based on RxJS & Immer

A tiny package for JavaScript Web App's state management based on RxJS & Immer

Xiao Junjiang 12 Oct 19, 2022