Myron Bañez Final

PRD.md

@@ -0,0 +1,32 @@
+# Product Requirements Document: Historic Seattle Filipinotown
+
+## Purpose
+
+To serve as a community engagement and historic preservation tool, the Historic Seattle Filipnotown web application hopes to encourage the community to participate in remembering and contributing to the history and story of Seattle's Filipinotown
+
+## Features
+
+This web application will include the following features:
+* Map markers for each business
+  * Clicking on a map marker will pop up details about the following:
+    * Business name
+    * Type of business
+    * Owner
+    * Start year
+    * End year
+    * Address
+* An option to filter by business type.
+* An option to filter by  business name.
+
+ This web application will additionally include an opportunity for users to input a new business that is not already part of the existing dataset, where users can add:
+* Business name
+* Type of business
+* Owner
+* Start year
+* End year
+* Address
+* Memories
+
+Lastly, the data submitted by users will be sent to a FirebaseDB to store and collect the information for review.
+
+The features of this web application serves to provide users an opportunity to engage with history and placemaking by acknowledging the history of space while simultaneously contributing to history by filling in the missing gaps.

README.md

@@ -0,0 +1,17 @@
+<h1> Historic Seattle Filipinotown </h1>
+<p>Name: <a href="github.com/myronbanez">Myron Bañez</a></p>
+
+<h3>This project hopes to preserve Seattle Filipinotown's history by allowing users to see businesses that have existed in the space but also allowing users to input any business that is not already present.</h3>
+
+<h3> How to use the application </h3>
+<p> 1. Fork and download the code.
+<p> 2. Type "npx http-server" in your console.</p>
+<p> 3. Open the local host link to the application.</p>
+<p> 4. The interface of the web application will appear. Alternatively, you can navigate to the following link: https://myronbanez.github.io/final-project/site/</p>
+<img src="site/images/1.png" alt="First">
+<p> 5. Click on any green point to see a historic Filipino business. There are also filter functions on the right to filter by the type of business and business name</p>
+<img src="site/images/2.png" alt="First">
+<p> 6. To add a new business, click on where the business is located within the map and enter the data for the fields, then press "Add."</p>
+<img src="site/images/3.png" alt="First">
+<p> 7. To save the business in the database, click on the "Submit" button next to "Add". You will see "Saved!" appear on the top of your screen when it is successfully submitted. Do not forget to close the window on the top right!</p>
+<img src="site/images/4.png" alt="First">