Skip to content

Nahid4306053/HOServiceSwap-client

Repository files navigation

Welcome to HOServiceSwap: Ultimate Home Services Hub

Project Overview

HOServiceSwap is go-to platform for a seamless home services experience.This platform allows users to explore a wide range of Home services, book appointments, and manage their own service requests effortlessly.

Live Website Preview

Project Screenshot

Click to Experience HOServiceSwap

Key Features

  • User-Friendly Account Management: Easily create accounts and log in for a personalized experience.

  • Seamless Google Account Integration: Create accounts and log in using Google Account credentials for enhanced convenience and security.

  • User Profile Management: Effortlessly view and manage account details through the profile avatar in the navbar.

  • Secure Logout: Log out securely with a single click via the profile avatar dropdown, ensuring account security.

  • Engaging Banners: Explore captivating banners showcasing available home services.

  • Popular Services: Discover a curated list of popular services on the homepage.

  • Service Details: View detailed service information, including available service areas displayed on a map.

  • **Booking System:**User Easily book services by filling out a booking form with required information.

  • Add Service: Users can add their own home services by filling out the service form.

  • Manage Services: Users can view and control their added services.

  • Update Services: Users can update their specific service information using the update service route.

  • Delete Services: Users can delete their specific services if needed.

  • Related Services: Explore related services when viewing specific service details for additional options.

  • Other Services by Provider: Discover other services offered by the same provider below the related service section.

  • My Bookings: View booked services and check booking status in the 'My Schedule' page.

  • My Orders: Manage service orders booked by other users and handle order statuses.

  • Order Status Progress: Track the progress of service orders through a visual chart, displaying pending, in-progress, and completed service order percentages.

  • Jwt Token: Set Jwt Token system for secure api and user datas

  • Responsive Design: Access the platform seamlessly across various devices, including laptops, desktops, Android devices, and tablets.

Technologies Used

  • Frontend: React.js, HTML, CSS, SCSS, Tailwind
  • Backend: Node.js, Express, MongoDB
  • Authentication: Firebase Authentication
  • Client Hosting: Netlify
  • Server Hosting: Vercel