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.

(back to top)

• Node.js
• Express.js
• MongoDB
• Mongoose
• JavaScript
• HTML.CSS

(back to top)

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

1. Clone the repo

   git clone https://github.com/Zhikeng/personal-project-Zhikeng.git

2. Install NPM packages

   npm install

3. Install NPM package dependencies

   npm install express ejs mongoose dotenv morgan 

(back to top)

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.

(back to top)

ZK - - [email protected]

Project Link: https://github.com/Zhikeng/personal-project-Zhikeng

(back to top)

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!

• Choose an Open Source License
• GitHub Emoji Cheat Sheet
• Malven's Flexbox Cheatsheet
• Malven's Grid Cheatsheet
• Img Shields
• GitHub Pages
• Font Awesome
• React Icons

(back to top)