Safarny

Frontend Reposiery Here

Note: This project was developed in Itworx repositories, so the commits cannot be public.

Demo

You can watch a walkthrough of the website from Here

Table of contents

• Project Title
• Demo
• Table of contents
• Description
• Usage
• .env.example
• List of Features
• Preview
• Contributers

Description

Safarny is an innovative project designed to transform the way you plan and experience your trips. Powered by the robust PERN stack, Azure AI APIs, Google Maps API, and Stripe, this online platform introduces a host of features to optimize your travel adventures. Safarny's key features include intelligent trip planning based on budget, time constraints, and interests using artificial intelligence, as well as flexible trip customization, traveler-generated ratings and reviews, a real-time map with activity integration, and a personalized news feed page to keep you informed and connected with fellow travelers. Other features include a trip assistance chatbot, currency converter, dish suggestions, and the ability to connect with local guides for authentic experiences. Safarny leverages React.js for the front-end, Node.js & Express.js for the back-end, and PostgreSQL for efficient data management.

Usage

1. Clone this project
2. Download Postgres and PGadmin
3. Create a new databse in PGadmin then navigate to db.js and enter your database configuration
4. Navigate to rerun_DB.sql and run the sql queries using PGadmin
5. Open terminal in the project folder then run npm i command
6. Clone the Front End files from this repo : Link
7. Open terminal in the front end project folder then run npm i command
8. Make a .env file and use the .env.example
9. Run npm start in the backend folder then the frontend folder and wait a min or two
10. Enter in your browser http://localhost:3001/

.env.example

POSTGRES_URL=

JWT=

FRONTEND="http://localhost:3000"

AZUERAPIKEY =

ENDPOINT =

GOOGLEMAPSAPIKEY =

BACKENDURL="3001"

CLOUDINARYAPIKEY=

CLOUDINARYSCREETAPIKEY=

SREPAPI=

SEND_GRID_KEY=

List of Features

• Responsive Design
• Dark and light mode supported
• intelligent trip planning using AI.
• Google Maps API for Showing locations of places
• Printing trip details
• Chat Bot
• Dish suggestions
• Currency Converter
• Personalized news feed page
• Reviews and Ratings
• Payments with Stripe API
• Forget password Feature
• Passwords salted and hashed in the databse

Preview

Plan example

Map with location

Chat Bot

Dish suggestions

Currency Converter

Personalized news feed page

Reviews and Ratings

Stripe Payment

Traveler Profile

Responsivness

Dark and light mode supported

Hashed and Salted passwords

Contributers

• Ahmed Yehia Github Linkedin
• Bahy Mohamed Github Linkedin
• Eyad Hassan Github Linkedin
• George Mounir Github Linkedin
• Youssef Elwy Github Linkedin