diff --git a/docs/recitations/reci3-react.md b/docs/recitations/reci3-react.md
index 43908df4..be577b06 100644
--- a/docs/recitations/reci3-react.md
+++ b/docs/recitations/reci3-react.md
@@ -4,27 +4,25 @@ title: Recitation 3 - React
 
 # Recitation 3: React (Frontend)
 
-## Concept: Frontend
+## Staff Overview
+- Nicholas Wernink & Alex Barrios
+- Emails: [ngw@andrew.cmu.edu](mailto:ngw@andrew.cmu.edu) & [ambarrio@andrew.cmu.edu](mailto:ambarrio@andrew.cmu.edu)
+- Office Hours: Wed 2:30 - 4pm (Nicholas), Thu 12pm - 1pm (Alex)
+
 
+## Concept: Frontend
 - What the user sees + interacts with.
 - “Client-side code”
 - Probably know of HTML/CSS/JS. You can build vanilla frontends.
 - We will learn React (https://reactjs.org)
 
-## Staff Overview
-- Mehul Agarwal & Rohit Nanjangud Shreenivas
-- Emails: mehula@andrew.cmu.edu & rshreeni@andrew.cmu.edu
-- Office Hours: TBD
-
 ## Visual
 ![image](https://user-images.githubusercontent.com/42957482/216521060-d797b392-e24c-4cb7-b9a6-bd0bb6582e4c.jpeg)
 
 ## Interruption: Styling and CSS
 - We don’t have a dedicated recitation for styling, because there are so many many systems you can follow.
 - Google is your friend.
-- Course's personal pick: Flexbox
-https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox
-https://www.youtube.com/watch?v=JJSoEo8JSnc
+
 
 ## Intro to ReactJS (or just React)
 - Created 2011 (by Facebook)
@@ -74,6 +72,16 @@ Popular ones:
 - Bootstrap
 - Ant Design (Ant Financial, Alibaba)
 - Evergreen
-- We’re gonna use Geist UI (more obscure, to get used to learning weird things)
+- We’re gonna use Tailwind CSS
+
+
+## React demo app
+- Clone either the [MongoDB](https://github.com/CMU-17-356/example-mongo-app) or [Postgres](https://github.com/CMU-17-356/example-postgres-app) reference solution
+- cd into server directory with `cd server`
+- Run `npm install` in command line
+- Run `npm start` in command line
+- cd into client directory with `cd client` from root directory
+- Run `npm install` in command line
+- Run `npm start` in command line
+
 
-Link to prototype: https://github.com/CMU-17-356/cmu-17-356.github.io/tree/main/resources/recitations/2021/Recitation%203/todo-app-rec3/todo-app-frontend
diff --git a/resources/recitations/2024/17356 - Recitation #3.pptx b/resources/recitations/2024/17356 - Recitation #3.pptx
new file mode 100644
index 00000000..c984743a
--- /dev/null
+++ b/resources/recitations/2024/17356 - Recitation #3.pptx	
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9f5e6d9c90ce5bb633a3b4908cd65702a2c25a113f27efd0ddd0f02c2e33afe3
+size 744918
diff --git a/resources/recitations/2024/17356 - Recitation #3.pptx.pdf b/resources/recitations/2024/17356 - Recitation #3.pptx.pdf
new file mode 100644
index 00000000..79c89269
Binary files /dev/null and b/resources/recitations/2024/17356 - Recitation #3.pptx.pdf differ