A responsive web app provides a UI for users living in the greater Boston area to find affordable housing information and submit surveys.
Table of Contents
This is the index page. We have Housing Assistance Logo designed by ZK's friend: VK. And the Houses pictures were taken by ZK himself at Malden, MA.
This is an example of how you may give instructions on setting up your project locally. To get a local copy up and running follow these simple example steps.
This is an example of how to list things you need to use the software and how to install them.
- npm
npm install npm@latest -g
- Clone the repo
git clone https://github.com/Zhikeng/personal-project-Zhikeng.git
- Install NPM packages
npm install
- Install NPM package dependencies
npm install express ejs mongoose dotenv morgan
Index Page: Nav bar shows site map has home page, about page, survey page and login page:
Search Bar: tool can be used to find the afforbale housing on the MassHousing's list that matches the city/town searched:
Footer: There are different links to other websites. They are still on development. Maybe it's a good idea to leave this place blank for the futur ad campaign? lol
About page: It shows the total quantity of the affordable housing on list and the total quantity of the bedrooms and accessible units.
Survey page: It has a housing survey generated by Google Form. It can display the responses received and the chart generated by the statistics.
Login page: register and login to submit the housing survey. People's opinion matters.
ZK - 
Project Link: https://github.com/Zhikeng/personal-project-Zhikeng
Use this space to list resources you find helpful and would like to give credit to. I've included a few of my favorites to kick things off!