Resilient-Labs · mau11 · Oct 5, 2025 · Oct 6, 2025 · Oct 6, 2025
diff --git a/README.md b/README.md
@@ -1,22 +1,28 @@
-# 📊 Project: Simple API 2
-
-### Goal: Display data returned from an api
-
-### How to submit your code for review:
-
-- Fork and clone this repo
-- Create a new branch called answer
-- Checkout answer branch
-- Push to your fork
-- Issue a pull request
-- Your pull request description should contain the following:
-  - (1 to 5 no 3) I completed the challenge
-  - (1 to 5 no 3) I feel good about my code
-  - Anything specific on which you want feedback!
-
-Example:
-```
-I completed the challenge: 5
-I feel good about my code: 4
-I'm not sure if my constructors are setup cleanly...
-```
+# MBTA Alerts API
+
+> View the MBTA's active alerts for all modes of transit.
+
+> <img src="./images/screenshot.png" alt="Screenshot of completed MBTA Alerts API App" width="500">
+
+## Table of Contents
+
+1. [Tech Stack](#tech-stack)
+1. [Development](#development)
+   1. [MBTA API](#mbta-api)
+   1. [Notes](#notes)
+
+## Tech Stack
+
+- **HTML**
+- **CSS**
+- **JavaScript**
+
+## Development
+
+### MBTA API
+
+- No API key required. Open the app in your browser and instantly see active MBTA alerts!
+
+### Notes
+
+Visit the official documentation at https://www.mbta.com/developers/v3-api and https://api-v3.mbta.com/docs/swagger/index.html#/Alert/ApiWeb_AlertController_index for more information on API use, copyright, and rate limitations.
diff --git a/images/logo.svg b/images/logo.svg
diff --git a/images/screenshot.png b/images/screenshot.png
diff --git a/index.html b/index.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta
+      name="description"
+      content="View the MBTA's active Alerts for all modes of transit"
+    />
+    <meta name="keywords" content="mbta, alerts, train, bus, subway, rail" />
+
+    <title>MBTA Alerts</title>
+    <link href="style.css" rel="stylesheet" type="text/css" />
+  </head>
+  <body>
+    <h1><img src="images/logo.svg" alt="MBTA Logo" />MBTA Alerts</h1>
+
+    <main id="container"></main>
+
+    <script type="text/javascript" src="main.js"></script>
+  </body>
+</html>