codecraftingwarrior / roadmate

RoadMate is a web application built with Angular and Node.js that allows users to book and manage their travel itineraries. The app uses Mapbox to display maps and search for locations, and allows users to select travel dates, routes, and transportation options. Users can also manage their profile information, view their travel history.

RoadMate

RoadMate is a web application built with Angular and Node.js that allows users to book and manage their travel itineraries. The app uses Mapbox to display maps and search for locations, and allows users to select travel dates, routes, and transportation options. Users can also manage their profile information, view their travel history. The backend is built with Node.js and MongoDB, and includes RESTful APIs for user authentication and data management. The frontend is built with Angular and includes components for displaying maps, search results, and travel information.

Features

• Search for destinations using the Google Place API and ability to view the results on a map using MapBoxAPI
• Ability to create driver or customer account
• Create and manage trip itineraries with multiple destinations
• Get directions and estimated travel times using the Leaflet Routing API

Technologies

• Angular framework for building the frontend
• Node.js and Express for building the backend API
• MongoDB as the database
• Google Place API for location search
• MapBox API for map display, routing and directions

Setup

Populating the datebase

cd backend-app/data
mongosh --port 27017
use carpooling_db
exit
mongoimport --db carpooling_db --collection internautes --file internautes.json --jsonArray --drop
mongoimport --db carpooling_db --collection covoiturages --file covoiturages.json --jsonArray --drop

Configure backend application

Update the DB_URL variable in the .env file.

npm i -g nodemon
cd backend-app/
npm i

Configure front-end application

cd front-end-app/
npm i

Execution

Run back-end application

cd backend-app/
nodemon server

Run front-end application

cd front-end-app
ng serve -o

Screenshots

Accéder à l'url http://localhost:4200/

Connexion et inscription

Connexion

Inscription

Accueil

Liste des offres

Espace personnel - client

Mes informations

Mes Reservations

Espace personnel - conducteur

Mes informations

Mes Trajets

Ajout d'offre