Safer 🌐✈️🏨

Welcome to Safer! Your ultimate travel accommodation booking platform. Seamlessly find and book the safest and most comfortable stays, from charming B&Bs to luxurious resorts, ensuring your travel is not just memorable but also secure. Dive into a hassle-free booking experience and set off on your next adventure with Safer.

🚀 Technologies

In this project, I've used the following libraries:

• react: A JavaScript library for building user interfaces.
• react-dom: Entry point of the DOM-related rendering paths.
• redux-persist: Persist and rehydrate a redux store.
• @reduxjs/toolkit: The official, recommended way to write Redux logic.
• react-redux: Official React bindings for Redux.
• @tanstack/react-query: Powerful asynchronous state management for TS/JS, React, Solid, Vue, Svelte, and Angular.
• axios: Promise based HTTP client for the browser and Node.js.
• mui/material: Material UI components for rich UI design.
• @mui/icons-material: Material Icons for Material UI.
• @mui/lab: Material UI Lab components.
• formik: Forms in React, without the tears.
• yup: Dead simple Object schema validation.
• react-router-dom: DOM bindings for React Router.
• dayjs: Fast 2kB alternative to Moment.js with the same modern API.
• leaflet: An open-source JavaScript library for mobile-friendly interactive maps.
• react-leaflet: React components for Leaflet maps.
• lottie-react: Lottie for React.
• react-slick: Carousel component built with React.
• react-spinners: A collection of loading spinner components for React.
• react-world-flags: React component for displaying world flags.
• jwt-decode: Decode JWT tokens, mostly useful for browser applications.
• js-cookie: A simple, lightweight JavaScript API for handling cookies.
• react-date-range: A date library agnostic date picker.
• i18n-iso-countries: ISO country codes for i18n.
• jest-preview: Preview Jest snapshots in a browser.
• lucide-react: Beautiful and consistent icon toolkit.

🌟 Public Pages

• Login page
  

User Pages

• Home page
  

• Search page
  

• Search page
  

• Hotel details page
  

• Checkout page
  

• Booking Confirmation page
  

Admin Pages

• Cities page
  

• Add City form
  

• Hotels page
  

• Add Hotels form
  

• Rooms page
  

• Add Rooms form
  

Other Pages

• Access denied page
  

• Unauthenticated page
  

• Not found page
  

🌙 Dark Mode

💫 Starting point

I followed this UX: https://excalidraw.com/

🎯 Project Scrum Board

My project is managed using an agile scrum board to track tasks and sprints.

💾 Installation

To get this project up and running on your machine, follow these simple steps:

1. Clone the repository:

 git clone https://github.com/SalahQerem/Travel-and-Accommodation-Booking-Platform.git

2. Install npm packages: Navigate to the project directory and install the required dependencies.

 npm install

If you encounter any issues, try forcing the npm installation:

npm install --force

3. Run the project: Start the development server and begin exploring.

  npm run dev

Enjoy your journey through the Travel Booking Platform! 🚀

📬 Contact

If you have any questions or want to reach out, feel free to connect with me:

💖 Acknowledgement

I extend my heartfelt thanks to Foothill Technology Solutions for offering me the opportunity to participate in this internship cycle. Their consistent support has been crucial in the development of this project.