BTOgether is a web application that aims to simplify the BTO housing journey in Singapore, offering a seamless and user-friendly experience that guides users, particularly couples and young adults seeking to embark on their homeownership journey, through every step of the application process.
- BTO Find: BTOgether allows users to explore nearby facilities related to each BTO location as well as the public transport route they can take to these facilities.
- Dashboard: BTOgether offers a user-friendly dashboard where users can access essential information such as location, town council details, estimated date of completion, and more, providing a clear and concise view of each BTO property. Furthermore, users can conduct side-by-side comparisons of the BTOs they have shortlisted, facilitating a comprehensive evaluation process.
- BTO Planner: BTOgether provides users with a comprehensive resource hub featuring common FAQs about BTO, addressing key enquiries and concerns users may encounter throughout their journey. Additionally, it includes a dynamic timeline that tracks user’s progress through the various stages, offering reassurance to users that they are on the right track.
BTOgether is built using a stack of modern technologies, including:
- HTML5, CSS3, JavaScript: Fundamental web technologies powering the website.
- React: For building the frontend user interface.
- Material-UI (MUI): For additional UI components and design elements.
- Tailwind CSS: For efficient and responsive styling.
- Pexels API: Providing visually appealing images for enhanced user experience.
- Firebase: For backend services like authentication and database management.
- Gemini: For providing useful descriptions about a particular topic and subject.
To run BTOgether locally, follow these steps:
- Clone this repository to your local machine.
- Navigate to the project directory.
- Run
npm install
to install all dependencies. - Execute
npm start
to run the app in development mode. - Open http://localhost:3000 in your web browser to view the application.
Alternatively, you may choose to view our website hosted on Firebase here.
It is intended for use within a website environment only.
Member | Role |
---|---|
Team Leader, Frontend Developer | |
Fullstack Developer | |
Frontend Developer | |
Frontend Developer | |
Backend Developer | |
Frontend Developer |