Roadside App

screenshot of Roadside App
nestjs
react
material-ui

Uber-like application for roadside assistance service, using React, Material-UI for frontend, and Typescript Node.js (Nest framework) with PostgreSQL for backend.

Overview

Roadside Assistance Application is a remarkable tool that combines modern technology with essential services for motorists facing vehicle issues. Designed to function similarly to popular ride-sharing platforms, this application aims to provide rapid assistance to individuals whose vehicles encounter mechanical failures. With the integration of React, Material-UI, and a robust backend powered by Node.js and PostgreSQL, the application delivers a seamless user experience for both customers and roadside assistance professionals.

Whether you're a motorist in need of immediate help or a service provider looking to connect with potential clients, this application simplifies the process of seeking and offering roadside assistance. Its intuitive interface and efficient functionality make it a go-to solution for those on the road.

Features

  • Membership Subscription: Customers can opt for an annual subscription that offers unlimited roadside assistance, ensuring peace of mind for frequent travelers.
  • Pay-on-Demand Service: For occasional users, the pay-per-service model allows individuals to request assistance only when needed, with clear pricing presented upfront.
  • Broadcast of Service Requests: Service requests from customers are broadcasted to all registered professionals in proximity, enhancing response times and service availability.
  • Real-time Status Updates: Customers can track how many responders are available and can choose assistance based on their ratings, reviews, and prices.
  • Customer Feedback System: After receiving assistance, customers have the opportunity to rate and review their service experience, contributing to quality assurance and transparency.
  • Integration with Google Maps API: The application utilizes the Places API for address autocompletion, ensuring users can quickly and accurately input their location.
  • Admin Dashboard Access: Administrators can easily manage the platform through a user-friendly dashboard, allowing them to oversee data related to customer accounts and service transactions.
  • Seamless Payment Processing: Payments are efficiently processed via credit cards, with automatic deductions from customers and direct credits to the service professionals once the job is completed.
nestjs
Nest

A progressive Node.js framework for building efficient, scalable, and enterprise-grade server-side applications with TypeScript/JavaScript.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

material-ui
Material UI

material-ui adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.