Trucker Logbook Application (Django/React)
Trucker Logbook Application (Django/React)
A full-stack web application developed with Django (backend) and React (frontend) designed to generate Electronic Logging Device (ELD) logs for truck drivers. The application takes trip details as input, simulates driving routes and duty cycles based on FMCSA regulations, and outputs daily log sheets that can be used for compliance. The application leverages a Map API for geocoding and potentially, route visualization.
Check Out Repository Live DemoTechnical Details:
- Language: Python, JavaScript
- Frameworks: Django, Django REST Framework, React
- Database: SQLite (development), PostgreSQL (production - via Supabase)
- Geocoding API: Nominatim (OpenStreetMap)
- Concepts: RESTful API Design, Data Serialization, Database Management, ORM (Object-Relational Mapping), Background Task Processing, Component-Based Architecture, State Management, Asynchronous API Calls, Mapping and Geolocation
- Backend Features: API endpoints for creating, retrieving,updating, and deleting trips, log entries, configurations, and daily summaries., `generate_logs` endpoint: This function simulates a driver's journey based on trip details and generates realistic dummy log entries. It considers driving hours, rest periods, and duty status changes., `calculate_daily_summary` function: Calculates daily summaries of driving hours, on-duty hours, off-duty hours, and sleeper berth hours based on the generated log entries.
- Frontend Features: `TripForm` component: Collects trip details (start location, pickup location, dropoff location, current cycle hours, start date) from the user., `MapComponent` component: Displays an interactive map with markers for the start, pickup, and dropoff locations and attempts to visualize a route using Leaflet Routing Machine., `DailyLogSheet` component: Displays the generated daily log entries in a tabular format., Loading state and visual feedback during API requests.
- UI Library: Bootstrap
- State Management: React Hooks (useState, useEffect)
- Mapping Library: Leaflet, Leaflet Routing Machine
Key Learnings:
This project provided hands-on experience in full-stack web development using Django and React, showcasing API design, data modeling, and UI development skills. I gained proficiency in simulating real-world scenarios, integrating third-party libraries, and addressing the challenges of generating realistic ELD logs. Key challenges overcome included creating an interactive map and simulating FMCSA compliance.
Status:
Public Repository