diff --git a/IMC_WebDev/ReactCalculator/proposal.md b/IMC_WebDev/ReactCalculator/proposal.md
new file mode 100644
index 0000000..f1770ed
--- /dev/null
+++ b/IMC_WebDev/ReactCalculator/proposal.md
@@ -0,0 +1,24 @@
+**[Step-By-Step Technical Blog Guide](https://hq.bitproject.org/how-to-write-a-technical-blog/)**
+
+### :pushpin: Step 1
+**TITLE:**    
+Calculator with React Hooks and the React Context API
+
+**TOPIC:**    
+JavaScript, React
+
+**DESCRIPTION (5-7+ sentences):**    
+Creating a tutorial on how to code a 4 function calculator using React with Hooks (specifically useState, UseContext, UseEffect) tossed in to show how they can be used. I will briefly go over what hooks are in the beginning of the tutorial. This video is targeted at people that have some knowledge of JavaScript and React but haven't used its Hook APIs yet. Each function of the calculator will get at least one slide but I will begin with the HTML/JSX code.
+
+### :pushpin: Step 2
+:family: **TARGET AUDIENCE (3-5+ sentences):**    
+{{Insert_description_here}}
+
+### :pushpin: Step 3
+> Outline your learning/teaching structure: 
+
+**Beginning (2-3+ sentences):**    
+I will introduce what React Hooks are and how they can be used before I create the calculator. The I'll construct the format and syling of the calculator before jumping into its functionality.
+
+**Middle and End (2-3+ sentences):**    
+Coding the calculator itself, implementing the Hooks, and maybe also showing how this approach differs from using classes. I will elaborate more on the JavavScript and JSX than the CSS.
\ No newline at end of file
diff --git a/IMC_WebDev/gatsbyAndNetlify/proposal.md b/IMC_WebDev/gatsbyAndNetlify/proposal.md
new file mode 100644
index 0000000..abd96d9
--- /dev/null
+++ b/IMC_WebDev/gatsbyAndNetlify/proposal.md
@@ -0,0 +1,29 @@
+# Gatsby and Netlify
+
+**[Step-By-Step Technical Blog Guide](https://hq.bitproject.org/how-to-write-a-technical-blog/)**
+
+### :pushpin: Step 1
+**TITLE:**    
+Deploy your first website on Gatsby and Netlify
+
+**TOPIC:**    
+Web Development
+
+**DESCRIPTION (5-7+ sentences):**    
+A guide on how to deploy a website built with Gatsby on Netlify. I'll be going over what these technologies are and what you'll need to know to build the website itself ( e.g. JavaScript, React). I'll present a step by step process that is easy for anyone to follow and add GIFs for anything that needs more visualization.
+
+### :pushpin: Step 2
+:family: **TARGET AUDIENCE (3-5+ sentences):**    
+Anyone who has built a website using Gastby and wants to deploy it. Anyone looking to build a website and wants to know where to start and then how they can deploy it. Minimal technical knowledge expected (i.e. very basic knowledge of the terminal, git, and their preferred text editor).
+
+### :pushpin: Step 3
+> Outline your learning/teaching structure: 
+
+**Beginning (2-3+ sentences):**    
+I'll start with a short explanation on what Gatsby and Netlify are as well as explain what it means to deploy a website. I will also briefly go over Node.js and npm and they are needed to install Gatsby.
+
+**Middle (2-3+ sentences):**    
+Install Node.js and Gatsby. Create new Netlify account, and repo (you can use GitHub, Bitbucket, or GitLab but I'll be using GitHub). OAuth setup between Netlify and Github. Finally, deploying the site.
+
+**End (2-3+ sentences):**    
+Netlify will create a new build every time changes are pushed to the master branch. I'll be showing this off.
\ No newline at end of file