Muhammad Real Estate

Muhammad Real Estate is a premier residential real estate website offering a curated selection of properties for sale and rent. With a focus on user experience and convenience, our platform provides seamless access to property listings and essential features for both buyers and renters.

Features:

• User Registration and Login: Create accounts and access personalized services through private routes.

• Property Listings: Browse a wide range of residential properties, including single-family homes, apartments, and more. Sign up for detailed property information.

• Contact Form: Easily connect with our team using our integrated contact form for inquiries and assistance.

• User Profile Management: Update your name and photoURL for a personalized experience.

Used these npm packages:

• Animate.css
• AOS Package
• Swiper Slider
• React-Helmet-Async
• React-Hook-Form
• React-Loader-Spinner
• React-Toastify
• React-Router-Dom

Start your journey to finding your dream home or ideal rental property with Muhammad Real Estate today!

Getting Started

Prerequisites

Make sure you have the following installed on your system:

• Node.js (v14.x or higher)
• npm (v6.x or higher) or yarn (v1.x or higher)

Installation

1.Clone the repository:

git clone https://github.com/MuhammadTanvirHasan98/muhammad-real-estate-web.git
cd muhammad-real-estate-web

2.Installation:

npm install

3.Set up Firebase

• Create a Firebase project: Visit Firebase Console
• Add a web app to generate Firebase configuration details.
• Create a .env file in your project's root directory with the following Firebase configuration:

VITE_FIREBASE_API_KEY=your_api_key
VITE_FIREBASE_AUTH_DOMAIN=your_auth_domain
VITE_FIREBASE_PROJECT_ID=your_project_id
VITE_FIREBASE_STORAGE_BUCKET=your_storage_bucket
VITE_FIREBASE_MESSAGING_SENDER_ID=your_messaging_sender_id
VITE_FIREBASE_APP_ID=your_app_id

4.Run the development server:

npm run dev

5.Build for production:

npm run build