Skip to content

Zhikeng/personal-project-Zhikeng

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

43 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

personal-project-Zhikeng

HOUSING_AID_LOGO

MA Housing Assistance

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
  1. About The Project
  2. Getting Started
  3. Usage
  4. Contact
  5. Acknowledgments

About The Project

Homepage Screen Shot 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)

Built With

(back to top)

Getting Started

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.

Prerequisites

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

Installation

  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)

Usage

Index Page: Nav bar shows site map has home page, about page, survey page and login page:

Homepage Screen Shot

Search Bar: tool can be used to find the afforbale housing on the MassHousing's list that matches the city/town searched:

SearchBar Screen Shot

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

Footer Screen Shot

About page: It shows the total quantity of the affordable housing on list and the total quantity of the bedrooms and accessible units.

About Screen Shot

Survey page: It has a housing survey generated by Google Form. It can display the responses received and the chart generated by the statistics.

Survey Screen Shot

Login page: register and login to submit the housing survey. People's opinion matters.

Login Screen Shot

(back to top)

Contact

ZK - LinkedIn - [email protected]

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

(back to top)

Acknowledgments

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!

(back to top)