Skip to content

A full-featured real estate platform built using the MERN stack (MongoDB, Express.js, React.js, Node.js). The website allows users to browse, search, and filter properties, view detailed listings, and manage user accounts. It includes features like property listing management, contact forms, and dynamic data handling.

Notifications You must be signed in to change notification settings

davemOps/real-estate-react-website

Repository files navigation

Real Estate Website Welcome to the Real Estate Website repository! This project is a modern, responsive, and interactive real estate platform built using cutting-edge technologies like React.js, Web3 Forms API, Framer Motion, and Tailwind CSS. Real Estate Website Demo Screenshot 2025-02-21 090811

🌟 Features Modern UI/UX: A sleek and responsive design powered by Tailwind CSS.

Interactive Animations: Smooth and engaging animations using Framer Motion.

Contact Forms: Seamless form handling with Web3 Forms API.

Responsive Design: Fully optimized for mobile, tablet, and desktop screens.

Dynamic Property Listings: Easily showcase properties with dynamic data.

🛠️ Technologies Used React.js: A JavaScript library for building user interfaces.

Tailwind CSS: A utility-first CSS framework for rapid UI development.

Framer Motion: A production-ready motion library for React.

Web3 Forms API: A simple and reliable API for handling form submissions.

React Router: For seamless navigation between pages.

Vite: A fast build tool for modern web development.

� Getting Started Follow these steps to set up the project locally on your machine.

Prerequisites Node.js (v16 or higher)

npm or yarn

Installation Clone the repository:

bash Copy git clone https://github.com/codeby-david/Real-Esate-Reactapp.git cd real-estate-website Install dependencies:

bash Copy npm install

or

yarn install Set up environment variables: Create a .env file in the root directory and add your Web3 Forms API key:

env Copy VITE_WEB3FORMS_API_KEY=your-api-key-here Run the development server:

bash Copy npm run dev

or

yarn dev Open your browser: Visit http://localhost:5173 to view the website.

🎨 Customization Add Properties: Update the src/data/properties.js file to add or modify property listings.

Styling: Customize the design by editing Tailwind CSS classes in the components.

Animations: Modify or add animations using Framer Motion in src/components.

About

A full-featured real estate platform built using the MERN stack (MongoDB, Express.js, React.js, Node.js). The website allows users to browse, search, and filter properties, view detailed listings, and manage user accounts. It includes features like property listing management, contact forms, and dynamic data handling.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages