The Odin Project

01. HTML Foundations - Project: Books

Source code: Github

02. CSS / Flexbox - Project: Landing Page

Source code: Github

Note: This has not been optimized for mobile. Supposedly we will be covering that later...

03. Intermediate HTML/CSS - Project: Sign-up Form

Source code: Github

04. Javascript Fundamentals - DOM Manipulation - Project: Rock, Paper, Scissors

Source code: Github

05. CSS Grid (Desktop only) - Project: Admin Dashboard

Source code: Github

06. Javascript Objects - Project: Library

Source code: Github

List of Projects

The Odin Project

Foundations

HTML Foundations - Project: Recipes (Books) ✅ 2/15/2022
CSS / Flexbox - Project: Landing Page ✅ 2/21/2022
JavaScript Basics - Project: Rock Paper Scissors ✅ 6/8/2022
JavaScript Basics - Project: Etch-a-Sketch ▢
JavaScript Basics - Project: Calculator ▢

Full Stack JavaScript

Intermediate HTML and CSS

CSS - Project: Sign-up Form ✅ 6/2/2022
CSS Grid - Project: Admin Dashboard ✅ 6/13/2022

JavaScript

Project: Library ✅ 6/15/2022
Project: Tic Tac Toe ▢
Project: Restaurant Page ▢
Project: Todo List ▢
Async JS & APIs - Project: Weather App ▢
Testing JS - Project: Testing Practice ▢
Testing JS - Project: Battleship ▢
React JS - Project: CV Application ▢
React JS - Project: Memory Card ▢
Testing JS - Project: Shopping Cart ▢
Backend - Project: Where's Waldo (A Photo Tagging App) ▢
Project: JavaScript Final Project ▢

Advanced HTML and CSS

Project: Personal Portfolio ▢

NodeJS

Project: Basic Informational Site ▢
Express & Mongoose - Project: Mini Message Board ▢
Express & Mongoose - Project: Forms and Deployment ▢
Express & Mongoose - Project: Inventory Application ▢
Authentication - Project: Members Only ▢
APIs - Project: Blog API ▢
APIs - Project: Odin-Book ▢

Getting Hired

Project: Building Your Personal Website ▢
Project: Building Your Resume ▢

Web Dev References

HTML/CSS

Responsive Design

Javascript

Javascript Info