odin-projects

Projects Overview

Takeaways and relevant skills are noted under each project section in the following document.
If any bugs are encountered, feel free to reach out!

Foundations Course

Project	Topic	Link
Landing Page	Flexbox	Landing Page
Rock Paper Scissors	JavaScript Basics	Rock Paper Scissors
Etch-A-Sketch	JavaScript Basics	Etch-A-Sketch
Calculator	JavaScript Basics	Calculator

Full Stack JavaScript Course

Project	Topic	Link
Sign Up Form	Forms	Sign Up Form
Admin Dashboard	Grid	Admin Dashboard
Library	Organizing your JavaScript Code (Objects & Constructors)	Library
Tic Tac Toe	Organizing your JavaScript Code (The Module Pattern)	Tic Tac Toe
Restaurant Page	Organizing your JavaScript Code (Webpack & Modules)	Restaurant Page
Todo List	Organizing your JavaScript Code (Classes)	Todo List
Weather Page	Asynchronous JavaScript and APIs	Weather Page
Basic Informational Site	Introduction to NodeJS	TBA
Message Board	Express & Mongoose	Message Board

Foundations Course

Landing Page

Link	Skills
Landing Page	HTML Introduction to HTML elements and tags Box model Flexbox layouts CSS Introduction to CSS selectors The cascade

Rock Paper Scissors

Link	Skills
Rock Paper Scissors	HTML Flexbox layouts CSS Selectors The cascade JavaScript JavaScript fundamentals DOM manipulation and events

Etch-A-Sketch

Link	Skills
Etch-A-Sketch	HTML Flexbox layouts CSS Selectors The cascade JavaScript JavaScript fundamentals DOM manipulation and events

Calculator

Link	Skills
Calculator	HTML Flexbox layouts CSS Selectors The cascade JavaScript JavaScript fundamentals DOM manipulation and events

Full Stack JavaScript Course

Sign Up Form

Link	Skills
Sign Up Form	HTML Flexbox layouts Forms CSS Selectors The cascade Variables JavaScript DOM manipulation and events Form validation Extra Regular Expressions

Admin Dashboard

Link	Skills
Admin Dashboard	HTML Grid layouts Flexbox layouts CSS Selectors The cascade Variables

Library

Link	Skills
Library	HTML Grid layouts Flexbox layouts CSS Selectors The cascade JavaScript DOM manipulation and events Form validation Objects & object constructors

Tic Tac Toe

Link	Skills
Tic Tac Toe	HTML Grid layouts Flexbox layouts CSS Selectors The cascade Variables JavaScript DOM manipulation and events Factory functions The module pattern

Restaurant Page

Link	Skills
Restaurant Page	HTML Grid layouts Flexbox layouts CSS Selectors The cascade Variables JavaScript DOM manipulation and events ES6 Modules Webpack Tab switching