Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rishn/atlan-engineering-internship-task

Frontend for Atlan Goods Application, an on-demand logistics platform featuring booking management, real-time driver tracking, and admin analytics.
https://github.com/rishn/atlan-engineering-internship-task

admin-dashboard ant-design antd axios booking-management jwt jwt-authentication leaflet logistics mongodb mongodb-atlas openstreetmap react reactjs real-time real-time-tracking recharts redux redux-toolkit

Last synced: 11 days ago
JSON representation

Frontend for Atlan Goods Application, an on-demand logistics platform featuring booking management, real-time driver tracking, and admin analytics.

Awesome Lists containing this project

README 

        
# Atlan Goods Application - Frontend



## Overview



Atlan Goods Application is an on-demand logistics platform that allows for efficient management of bookings, drivers, and vehicles. It serves customers, drivers, and admins with tailored functionalities for each user base. The frontend provides a responsive and intuitive user interface to manage logistics operations effectively.





  Image




### Deployed Link

[View the live site here](https://atlangoodsapplication.onrender.com)



### Demo Videos



[Customer Demo Large](https://drive.google.com/file/d/11eqpj6rgl38MQGEf4spjDuZQw_aRzokh/view?usp=sharing)



https://github.com/user-attachments/assets/a87174ba-3ad1-4c47-ab46-1c574c0c195f



[Driver Demo Large](https://drive.google.com/file/d/1Db3AQhoqDR3Q75bCgTLdi2UCpIOQ1waO/view?usp=sharing)



https://github.com/user-attachments/assets/7a257835-810a-418c-8ae9-90fb92b569e0



https://github.com/user-attachments/assets/1cc1bea9-3bce-47c5-82b9-3e719c087c1a



https://github.com/user-attachments/assets/e9fb5c29-4832-42d7-ba6e-caa8cc841269



---



## Challenge



The challenge was to develop a frontend interface that handles **real-time booking management** and **GPS tracking** for over **100,000 drivers** while ensuring that the platform is easy to navigate for users, drivers, and admins.



---



## Features



### 1. Customers

- **Booking Creation**: Users can create, update, and cancel bookings.

- **Driver Tracking**: Real-time tracking of assigned drivers during transit.

- **Profile Management**: Manage personal information and view booking history.



### 2. Drivers

- **Booking Assignments**: Accept or reject nearby bookings based on proximity and vehicle availability.

- **Vehicle Management**: Update and view vehicle information (license plate, type).

- **Booking History**: View history of completed bookings.



### 3. Admins

- **Analytics Dashboard**: Visualize driver performance using charts.

- **Manage Drivers & Vehicles**: Update or delete driver and vehicle information.

- **Bookings Overview**: Admins can manage and oversee all bookings.



---



## Tech Stack



- **React.js**: Core frontend framework.

- **Ant Design**: UI library for interactive and responsive user interfaces.

- **Redux Toolkit**: State management for smooth user experience.

- **Leaflet & OpenStreetMap**: Integration for real-time tracking and mapping.

- **Recharts**: Used for creating analytics charts on the admin dashboard.



---



## Screenshots



### Finding Driver



  Finding Driver




### Analytics Dashboard



  Analytics




---



## Documentation

[Please find documentation about the project here](https://drive.google.com/file/d/1g1hRTB8srE38dhVV7SR0mOsBzyyiw6LT/view?usp=sharing)



## Diagrams



### ER Diagram



  ER Diagram




### Flow Diagram



  Flow Diagram




### HL Diagram



  HL Diagram




---