react-luxuria-estates Tailwind Templates

React Luxuria Estates

Luxuria Estates is a premium real estate website designed by myself. Built with React, React Router, Tailwind CSS, and DaisyUI, it features Home, Contact Us, Update Profile, and User Profile pages. The Home Page includes a banner, Estates card, and footer. The site also offers secure authentication and utilizes custom external JSON data.

Luxuria Estates

Live Server: https://react-luxuria-estates.web.app/

About

Luxuria Estates is a premium real estate website designed by myself. Built with React, React Router, Tailwind CSS, and DaisyUI, it features Home, Contact Us, Update Profile, and User Profile pages. The Home Page includes a banner, Estates card, and footer. The site also offers secure authentication and utilizes custom external JSON data.

Technologies:

React js, Firebase, Tailwind CSS, DaisyUI,React-leaflet, React Hook form

Features

  • 📝 This is a Real Estate-related website.
  • 📝 This website design is created by myself.
  • 📝 This website is built with the React library and React Router.
  • 📝 This website is built with the Tailwind CSS library.
  • 📝 This website mainly has 4 pages: Home, Contact Us, Update Profile, and User Profile.
  • 📝 The Home Page contains a home banner, Estates card, and footer.
  • 📝 Authentication functionality is included in this website.
  • 📝 External JSON data created by me has been used for this website.
  • 📝 DaisyUI is also used.

Packages

  • AOS Package
  • React-leaflet
  • React Hook form
  • Swiper slider

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-luxuria-estates.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.

Top categories

Loading Svelte Themes