My Odin Project Progress

Welcome to my walk-through of The Odin Project. T.O.P. is a free, open source curriculum that helps aspiring students become full stack web developers.

The purpose of this repo is to track progress, to showcase project work and to provide a central location for web development notes.

Project List

These assignments were tackled with a growth mindset and I did not reference the work of others while completing them. In other words, these are learner's solutions, written with the intent of practicing the fundamentals and developing problem solving skills.

NodeJS

Project	URL	Source Code
#27 Inventory (Express/MongoDB/TailwindCSS)	Live Demo	GitHub
#26 Mini Message Board (Express/MongoDB/TailwindCSS)	Live Demo	GitHub
#25 Basic Informational Site	Live Demo	GitHub

Advanced HTML & CSS

Project	URL	Source Code
#24 Personal Portfolio (TypeScript/React)	Live Demo	GitHub

React

Project	URL	Source Code
#23 JavaScript Final Project (TypeScript)	Live Demo	GitHub
#22 Where's Waldo (TypeScript)	Live Demo	GitHub
#21 Shopping Cart	Live Demo	GitHub
#20 Memory Card	Live Demo	GitHub
#19 CV Application	Live Demo	GitHub

JavaScript (Vanilla)

Project	URL	Source Code
#18 Battleship	Live Demo	GitHub
#17 Testing Practice	N/A	GitHub
#16 Knights Travails	N/A	GitHub
#15 Binary Search Trees	N/A	GitHub
#14 Linked Lists	N/A	GitHub
#13 Recursion	N/A	GitHub
#12 Weather App	Live Demo	GitHub
#11 Todo List	Live Demo	GitHub
#10 Restaurant Page	Live Demo	GitHub
#9 Tic Tac Toe	Live Demo	GitHub
#8 Library	Live Demo	GitHub

Intermediate HTML and CSS

Project	URL	Source Code
#7 Admin Dashboard	Live Demo	GitHub
#6 Sign-up Form	Live Demo	GitHub

Foundations

Project	URL	Source Code
#5 Calculator	Live Demo	GitHub
#4 Etch-A-Sketch	Live Demo	GitHub
#3 Rock Paper Scissors	Live Demo	GitHub
#2 Landing Page	Live Demo	GitHub
#1 Recipes	Live Demo	GitHub

Notes

• HTML
• CSS
• JavaScript
• Git

Progress

Start date: 6/30/2022

• Foundations [Completed: 8/22/2022]

  • Introduction
  • Prerequisites
  • Git Basics
  • HTML Foundations
  • CSS Foundations
  • Flexbox
  • JavaScript Basics
  • The Back End
  • Conclusion

• Intermediate HTML & CSS

  • Intermediate HTML Concepts
  • Intermediate CSS Concepts
  • Forms
  • Grid

• JavaScript

  • Introduction
  • Organizing your JavaScript Code
  • JavaScript in the Real World
  • Asynchronous JavaScript and APIs
  • A Bit of Computer Science
  • Testing JavaScript
  • Intermediate Git
  • React JS
  • JavaScript and the Backend
  • Finishing Up with JavaScript

• Advanced HTML & CSS

  • Animation
  • Accessibility
  • Responsive Design

• NodeJS

  • Introduction to NodeJS
  • MongoDB
  • Express & Mongoose
  • Authentication
  • APIs
  • Testing Express
  • FINAL PROJECT

• Getting Hired

  • Preparing for Your Job Search
  • Applying to and Interviewing for Jobs

Deployment

git clone [email protected]:bmilcs/op.git