Heaven Hearth

Live Server: https://react-haven-hearth.web.app/

Server site: /~https://github.com/TanveerAhmed4545/react-heaven-hearth-server

About

Haven Hearth is a hotel booking platform designed to provide a seamless and intuitive experience for travelers. Haven Hearth is an elegantly designed hotel booking website created using React, React Router, and Tailwind CSS.

Technologies

React js, MongoDB, Express, Firebase, Tailwind CSS, DaisyUI, AOS, Animation, Stripe Payment, Swiper js

Features

• 📝 This is a hotel booking-related website.
• 📝 This website design was created by myself.
• 📝 Authentication functionality is integrated for secure user access, and MongoDB is used for data management.
• 📝 This website integrates Stripe for secure and efficient payment processing, ensuring a smooth booking experience for users.
• 📝 This site also leverages daisyUI for UI components. Additional packages and tools such as React Leaflet for maps, React Helmet for managing document heads, and AOS (Animate On Scroll) enhance the website's interactivity and performance.
• 📝 This website is built with React library and also React router.
• 📝 This website is built with a tailwind CSS library.
• 📝 This website mainly has 3 pages. Home/ rooms / my booking and also login and register.
• 📝 The Home Page contains a Navbar, Banner, featured rooms, location gap, newsletter, customer review and Footer.
• 📝 MongoDB collection and data have been created by me and that data has been used for this Website.

Packages

• React leaflet
• React helmet
• Aos
• react-date-picker
• react-helmet-async
• swiper-js
• moments

Installation:

Step 1: Clone the Repository

First, clone the repository to your local machine using the following command:

git clone /~https://github.com/TanveerAhmed4545/react-heaven-hearth-client.git

Step 2: Navigate to the Project Directory

Change into the project directory:

cd repository-name

Step 3: Prepare the Project

Before installing dependencies, make sure to clean up any existing ones:

• Delete the node_modules folder, if it exists.
• Delete the package-lock.json file, if it exists.

Step 4: Install Dependencies

Install the required dependencies by running:

npm install

Step 5: Start the Application

Run the following command to start the application:

npm start

Now, open your browser and go to http://localhost:3000/ to view your React app.