A real estate portal built with Next.js and React. This platform allows users to explore a wide variety of properties across different cities in Colombia. With filters, favorites, and multi-currency price comparison, users can make more informed decisions about their next home.
This is a real estate portal built with modern technologies such as ReactJS, SASS-based CSS, and NextJS. The project includes several key sections, including a home page with highlighted sections, a main filter to search for properties, results pages, and a property detail view. It also includes advanced features like a favorites page where users can save properties for later, and a comparison page that allows them to compare features and prices across multiple properties. Discover how this project combines cutting-edge technology with an intuitive user experience to transform online property search.
Features
Among the main features that provide the best user experience are the following:
- Basic filter: Allows users to filter properties by city, type, and status.
- Advanced filter: Offers additional filters by price, number of bedrooms, number of bathrooms, and property area.
- Favorites: Lets users save their favorite properties to access them later.
- Compare properties: Allows users to select multiple properties from favorites and compare their characteristics in a comparison table.
- Currency conversion: Shows property prices in different currencies, including COP, EUR, USD, and GBP for user convenience.
- Nearby areas: In the map section, users can view information about nearby areas such as stores, schools, or hospitals to better evaluate the location.
Project screenshots
Technologies
| Technology | Use / Implementation |
|---|---|
| NextJS | SSR features and SEO optimization were used. |
| ReactJS | For building dynamic components and reusing them. |
| API | Consumption of external service APIs for dynamic content visualization, such as the blog. |
| SASS | Used to extend CSS functionality and enable code modularization |
| Swiper.js | Ideal for building complex slider functionality |