Dream Dorm provides apartments, co-living and PG properties on rent across major cities in the country. These properties exhibit professional standards in hygine, maintainence and come furnished with myriad amneties.
Our goal was to make the frontend and funtionality of Dream Dorm to the maximum, using only HTML, JS and CSS ( - no frameworks ). The implemntion of the user flow was cruicial in taking the project to completion.
Landing page > Sign in > Make a search (property type + area) > House Listing Page > User applies filters/sorting > Reach Individual Property Page > Make a callback request
- Home page + Global Search function
- About us
- Partner with Us
- Our Team
- Property Listing Page
- Individual Property Page
- Wishlist
- Callback Page
- Sign up/Sign in
API
The foremost challenege was to find API to fetch data, that would create the property-area link for the project. Json Server was used. We extracted property data for popular cities and fetched them from mock server.
Google Maps
We used google maps API to embed a google map iframe into our project. The house lisiting page is made to change map location dynamically on hovering across different houses.
CSS Animations
We learnt about CSS animations and have used them generously thoughout the project. We also implemented interactive popups that get triggered with javascript on events.
Local Storage
Local storage was primarily used for sign up/sign in feature and to transition from one page to the next. Data from one page is stored in local storage on an event. This data is then used to populate the next page in the userflow path.
Thanks for reading :)