/rinse

Revolutionize your car washing experience with rinse, a cutting-edge web app that connects car owners with skilled car washers. Find nearby car washers, schedule appointments, and pay securely. Built with React, Node.js, Express, MongoDB & more.

Primary LanguageJavaScript

💧rinse💧

Your easy solution for booking car washing services.
Connect with car owners and skilled washers seamlessly!

Project Wiki · Tech Spec · Request an issue · Contact us!

Guy washing a porsche


About

Welcome to "rinse" – the Car Wash Booking Web App that redefines car owners' experience by offering a seamless platform for scheduling car washing services. The project aims to address the challenge of simplifying car wash bookings, empowering users to discover skilled car washers and effortlessly schedule services to their preferences.

Through a dynamic front-end crafted with HTML, CSS, and React, and a robust back-end driven by Node.js and Express, the app aims to facilitate secure user registration, authentication, and profile management. MongoDB will serve as the repository for critical user data, bookings, and reviews. To ensure smooth and secure transactions, the integrated Stripe payment gateway will be employed.

The primary objectives of the project include:

  • Enabling users to establish profiles, inputting personal details and car information.
  • Allowing car washers to showcase their expertise and service regions via dedicated profiles.
  • Implementing a responsive calendar-based booking system for effortless appointment scheduling.
  • Incorporating geolocation services to identify nearby car washers and provide mapping directions.
  • Introducing user reviews and ratings to facilitate informed decision-making.
  • Delivering comprehensive email and push notifications, encompassing booking confirmations, reminders, and review requests.

"rinse" aspires to reshape the accessibility and efficiency of car washing services, delivering a heightened sense of convenience, efficacy, and satisfaction throughout the entire user journey.

Features

  • Browse profiles of car washers near you
  • Schedule appointments based on your availability
  • Secure and seamless payment options
  • Leave reviews and rate your car washing experience

Technologies Used

  • Front-end: HTML, CSS, JavaScript, React
  • Back-end: Node.js, Express
  • Database: MongoDB
  • Payment Processing: Stripe

Getting Started

  1. To contribute, fork the repository.

  2. Install dependencies for the front-end and back-end:

    cd rinse && npm install
cd frontend && npm install

  3. Configure Environment Variables:

    • Rename .env.example to .env in both the client and server folders.
    • Add your API keys and configuration details.

  4. Run the Application:

    • To start the back-end, run: npm run server
    • To start the front-end, run: cd frontend && npm run dev

  5. Once running, open your browser and navigate to http://localhost:5173 to access the rinse project.