Welcome to MyPlace! This web application is designed to help you easily find rental properties and properties for sale. Built using Next.js and React, MyPlace combines powerful frontend frameworks with intuitive design to provide a seamless browsing experience for property seekers.
- Find rental properties and properties for sale
- User-friendly interface for easy navigation
- Powerful search functionality to refine your property search
- Detailed property listings with essential information
- Interactive maps for visualizing property locations
- Save favorite properties for future reference
- Contact property owners or agents directly
- Next.js
- React
- Chakra UI
During the development of MyPlace, I had the opportunity to become familiar with Chakra UI and Next.js. Chakra UI provided a delightful development experience with its intuitive API and ready-to-use components. Its responsive design and accessibility features made it an ideal choice for building a user-friendly web application.
Next.js, on the other hand, introduced me to its new app directory structure, enabling easy organization of components, pages, and other project files. This structure facilitated efficient development and enhanced code maintainability.
Building MyPlace also taught me the best practices for routing a website. Leveraging Next.js's built-in routing capabilities, I implemented dynamic routing to handle different property pages and search queries. This allowed for smooth transitions between pages, improving the overall user experience.
https://my-place-git-main-abadoni5.vercel.app
To run MyPlace locally, follow these steps:
- Clone the repository:
git clone https://github.com/your-username/myplace.git - Navigate to the project directory:
cd myplace - Install the dependencies:
npm install - Start the development server:
npm run dev - Open your browser and visit
http://localhost:3000
Feel free to contact me at aayush.badoni5@gmail.com