diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 00000000..14ec311e
Binary files /dev/null and b/.DS_Store differ
diff --git a/PRD.md b/PRD.md
new file mode 100644
index 00000000..cf6d6296
--- /dev/null
+++ b/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.
\ No newline at end of file
diff --git a/README.md b/README.md
new file mode 100644
index 00000000..794b7848
--- /dev/null
+++ b/README.md
@@ -0,0 +1,17 @@
+
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.
+
+
How to use the application
+
1. Fork and download the code.
+
2. Type "npx http-server" in your console.
+
3. Open the local host link to the application.
+
4. The interface of the web application will appear. Alternatively, you can navigate to the following link: https://myronbanez.github.io/final-project/site/
+
+
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
+
+
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."
+
+
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!
Seattle is home to a vibrant Filipino community with a history that is deeply rooted into the fabric of the city. Historic Seattle Filipinotown
+ exists within the boundaries of the Chinatown-International District. At one point, there was over 90 Filipino owned establishments that served
+ the community, and in the present day there are only a handful that remain as well as new establishments. Preserve the essence of Historic Filipnotown
+ and it's stewards by interacting with this tool to see who and where they were.
+
+
+
Contribute to our history by clicking on any point in the map to add an establishment that is currently not accounted for, and share your memories to preserve
+ a piece of Historic Seattle Filipinotown!
+
+
+
+
+
+
\ No newline at end of file
diff --git a/site/js/htmlelement.js b/site/js/htmlelement.js
new file mode 100644
index 00000000..821f7c6d
--- /dev/null
+++ b/site/js/htmlelement.js
@@ -0,0 +1,36 @@
+/* ====================
+The following two functions take a string of HTML and create DOM element objects
+representing the tags, using the `template` feature of HTML. See the following
+for more information: https://stackoverflow.com/a/35385518/123776
+==================== */
+
+/* eslint-disable no-unused-vars */
+
+/**
+ * @param {String} HTML representing a single element
+ * @return {Element}
+ */
+ function htmlToElement(html) {
+ const template = document.createElement('template');
+ const trimmedHtml = html.trim(); // Never return a text node of whitespace as the result
+ template.innerHTML = trimmedHtml;
+ return template.content.firstChild;
+ }
+
+ /**
+ * @param {String} HTML representing any number of sibling elements
+ * @return {NodeList}
+ */
+ function htmlToElements(html) {
+ const template = document.createElement('template');
+ template.innerHTML = html;
+ return template.content.childNodes;
+ }
+
+ window.htmlToElement = htmlToElement;
+ window.htmlToElements = htmlToElements;
+
+ export {
+ htmlToElement,
+ htmlToElements,
+ };
\ No newline at end of file
diff --git a/site/js/list.js b/site/js/list.js
new file mode 100644
index 00000000..0e8fa349
--- /dev/null
+++ b/site/js/list.js
@@ -0,0 +1,25 @@
+import { htmlToElement } from './htmlelement.js';
+
+function showFtInList(ftToShow, seattleList) {
+ seattleList.innerHTML = '';
+
+ for (const seattle of ftToShow) {
+ const html = `
+