This is a frontend-only recreation of the Mansionify real estate website landing page, built using React, Vite, and Tailwind CSS. The focus of this project was to replicate the user interface and layout as accurately as possible while maintaining clean, scalable, and responsive design practices.
🔗 Live Demo: https://mansionify-qbauukl6w-deepan-alves-projects.vercel.app/
- ⚛️ Built with React using Vite for fast dev builds
- 🎨 Tailwind CSS utility-first styling
- 📱 Fully responsive across all devices
- 🧱 Component-based architecture
- 🖼️ Real estate-style homepage with property grid layout
- 🧭 Sticky navigation bar
| Technology | Description |
|---|---|
| React | JavaScript library for building UI |
| Vite | Lightweight and fast build tool |
| Tailwind CSS | Utility-first CSS framework |
| Vercel | Hosting and CI/CD deployment |
| Git & GitHub | Version control and collaboration |
- Node.js (v14+)
- npm or yarn
- Clone the repository:
git clone https://github.com/yourusername/mansionify-clone.git
cd mansionify-clone- Install dependencies:
npm install- Run the development server:
npm run dev- Open your browser at:
http://localhost:5173
mansionify-clone/
├── public/ # Static files
├── src/
│ ├── assets/ # Images and icons
│ ├── components/ # Reusable UI components
│ ├── App.jsx # Main App component
│ └── main.jsx # Entry point
├── index.html # HTML template
├── tailwind.config.js # Tailwind configuration
├── postcss.config.js # PostCSS config
├── vite.config.js # Vite config
├── package.json # Project metadata and scripts
└── README.md # Project documentation
(Add screenshots here to showcase your UI, or insert sample ones like below)
![Desktop View]
- Developed hands-on experience with Vite + React
- Improved frontend skills by replicating a complex layout
- Learned to use Tailwind CSS efficiently
- Strengthened understanding of component-based architecture and responsive design
This project is for educational and portfolio purposes only. All trademarks and assets belong to their original owners.
- Inspired by Mansionify(couldn't get the original website btw my seniour gave me this file )
- Vite for fast development
- Tailwind CSS for powerful styling
Made with ❤️ by Deepan