🏡 Manisoné – Real Estate Website

Hi there! 👋
This is my personal project for a premium real estate website called Manisoné. I built it using only HTML, SCSS (CSS), and JavaScript.

---

Demo

You can see the website here: Manisoné – Real Estate Website

---

✨ What this project includes

• 🖼 A homepage with a full-width hero image and a modern, clean layout
• 🏘 A dynamic gallery of properties loaded from a local JSON file
• 🔍 Live search to find properties by title or location
• 🔽 Sorting by price (low to high, high to low)
• 🏷 Filtering by property type (For Sale / For Rent)
• ➕ A “Show More” button to load more listings without reloading the page
• 🗺 A contact page with a map showing the office location (OpenStreetMap – Gdańsk, Poland)
• 📱 Fully responsive layout using Flexbox and CSS Grid
• 🎯 SCSS with variables, mixins, modular structure
• ✅ ESLint used to keep JS clean and consistent

---

---

🔧 How to run this project

1. Clone the repo:

git clone <your-repo-url>
cd manisone

2. Install dependencies:

npm install

3. Compile SCSS:

npm run compile

4. Run local server:

npx serve .

5. Open your browser at the local address.

---

👩‍💻 Author

Katarzyna Hryniewicz