NooraSweis/Services-Map

Web application enables service providers to display their products, services, and locations to help clients with finding the closest services they are looking for in an easy way, according to their locations.

Overview

Services Map is a responsive web application that enables service providers to display their products, services, and locations to help clients with finding the closest services they are looking for easily, according to their locations. And recommends services for them depending on their locations and the search history.
Built using: ReactJS, CSS, LeafletJS, Firebase, and WordsAPI.

Installation

• Clone the project:

  git clone https://github.com/NooraSweis/Services-Map.git
  

• Install dependencies:

  npm install
  

• In the project directory, to run the app in the development mode, use the command:

  npm start
  

  Open http://localhost:3000 to view it in the browser.

Screens:

• Home screen: Displays the services and their information. Clients can request the shortest path from their location to a specific service or group of services.

• Profile screen: Same section for signed-in Clients, Service Providers, and Admins.

• Map screen: Displays a map centered in Tulkarm.

• About screen: Presents the idea of the project, and the team members.

• Admin menu: Admins have special features that can access from this menu.

• Service provider profile: Providers have a special section in their profiles, to see their added services, they can edit, remove, or add a service from this section.