Anti-Displacement

This repository is for the collaborative group project on Boston's anti-displacement work for the HKS class DPI 691.

Overview

The project explores anti-displacement strategies and frameworks tailored to Boston's housing challenges, integrating data analysis, visualizations, and policy recommendations. This repository contains the codebase, data files, and assets necessary to support the project.

Repository Structure

Root Directory

• .gitignore: Specifies files and directories that should be ignored by Git.
• README.md: This file, which provides an overview of the project and its structure.
• index.html: The main HTML file for the project.
• node.js: Contains the Node.js server-side code.
• node_modules/: Directory for all the npm modules used in the project.
• package-lock.json: Describes the exact tree that was generated by npm.
• package.json: Contains metadata about the project and lists dependencies.

Public Directory

This folder contains all the publicly accessible assets and files.

Files in Public Directory

• ai_icon.png: An icon image file.
• ai_icon_2.png: Another icon image file.
• flow-chart-header.png: An image file used as a header for flowcharts.
• foundation-report-cover.jpg: Image file for the foundation report cover.
• gtag.js: Google Analytics tracking script.
• gtm.js: Google Tag Manager script.
• index.html: The main HTML file for the public directory.
• script.js: Main JavaScript file for the public directory.
• styles.css: Main CSS file for the public directory.
• toolkit-report-cover.jpg: Image file for the toolkit report cover.

Subdirectories in Public

4p-pages

• 4-p.html: An HTML file explaining the 4P framework.
• 4Ps-image.png: An image related to the 4P framework.
• Renters_and_Homeowners_Hierarchy_Table.csv: A CSV file containing data for analysis.
• gtag.js: Google Analytics tracking script specific to the 4P pages.
• gtm.js: Google Tag Manager script specific to the 4P pages.
• icicle_chart.html: An HTML file for displaying an icicle chart.
• styles.css: CSS file for styling the 4P pages.
• transformed_data.json: JSON file containing transformed data for visualization.

Story Page

• Forbes.png: Image file used in the story pages.
• data-visualization.js: JavaScript file for data visualization in the story pages.
• index.html: The main HTML file for the story pages.
• policy-carousel.js: JavaScript file for a policy carousel component.
• styles.css: CSS file for styling the story pages.
• test2.png, test3.png, test4.png, test5.png: Test image files used for story pages.

Our Team

• LD-Headshot.jpg: Headshot image of a team member.
• YB-Headshot.png: Headshot image of another team member.
• eleonore-image.jpg: Image of a team member.
• enxianfu_photo.jpg: Photo of a team member.
• index.html: The main HTML file for the team information page.
• style.css: CSS file for styling the team information page.

Installation

To set up the project locally:

1. Clone the repository:

   git clone https://github.com/code4policy/anti-displacement.git

2. Navigate to the project directory:

   cd anti-displacement

3. Install dependencies:

   npm install

4. Run the server:

   node node.js

5. Access the application: Open your browser and go to http://localhost:3000.

Contribution Guidelines

We welcome contributions! To contribute:

1. Fork the repository.
2. Create a new branch for your feature or bug fix:

   git checkout -b feature-name

3. Commit your changes:

   git commit -m "Description of changes"

4. Push your branch:

   git push origin feature-name

5. Open a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgments

This project was developed as part of the coursework for DPI 691 at Harvard Kennedy School. Special thanks to our professors and teammates for their guidance and collaboration.