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.
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.
| 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 |
| Project | URL | Source Code |
|---|---|---|
| #24 Personal Portfolio (TypeScript/React) | Live Demo | GitHub |
| 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 |
| 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 |
| Project | URL | Source Code |
|---|---|---|
| #7 Admin Dashboard | Live Demo | GitHub |
| #6 Sign-up Form | Live Demo | GitHub |
| 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 |
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
git clone git@github.com:bmilcs/op.git