RoadBuddy - Premium Self-Drive Car Rental Platform

RoadBuddy is a comprehensive, fully-responsive, and modern self-drive car rental platform designed to provide a premium user experience. Built entirely using HTML, Vanilla CSS, and AngularJS on the frontend, it leverages Google's Firebase (Firestore and Authentication) for a robust, serverless backend.The application offers a seamless booking experience for users, featuring a dynamic fleet showcase, city-based filtering, and a quick booking engine. Users can securely log in, manage their profiles, and track their booking status (Pending, Approved, Rejected). Additionally, RoadBuddy includes a dedicated Administrative Console that allows store owners to effortlessly manage their vehicle inventory, operational cities, user bookings, customer testimonials, and contact inquiries in real-time. With its clean code structure and premium UI/UX design, RoadBuddy is ready to be deployed or customized for any car rental business.Requirements A free Google Firebase account. A modern Web browser (Chrome, Firefox, Safari, Edge). A standard code editor (like VS Code) to update the Firebase configuration keys. A basic local server for testing (e.g., VS Code Live Server, XAMPP, Node http-server), or you can directly deploy to platforms like Firebase Hosting, Netlify, or Vercel. Instructions Extract the downloaded ZIP file to your local machine. Setup Firebase: Go to the Firebase Console (console.firebase.google.com) and create a new project. Enable Services: Inside your Firebase project, enable Firestore Database (start in test mode for development) and Authentication (Enable Email/Password provider). Get Configuration: Go to your Firebase Project Settings, add a Web App, and copy the firebaseConfig object (which includes apiKey, authDomain, projectId, etc.). Link the App: Open app.js (and the admin script in admin.html) in your code editor. Locate the empty firebaseConfig object at the top of the file and paste your project's configuration keys there. Run the Project: Open the project folder using a local server (like Live Server in VS Code) and view index.html in your browser. Manage Content: Navigate to the admin.html page to start adding your operational cities and uploading cars to your fleet. The Firestore collections (cars, cities, bookings, contacts, testimonials) will automatically generate as you use the admin dashboard.

Found on Devadex — the discovery index for independent software the big search engines bury. More from gumroad.

Report this listing