The Odin Project (TOP) provides a free open source web development curriculum that has received raving reviews. This repository serves as a compilation for all the projects that were completed as part of the curriculum.
The curriculum is split into 2 sections: Foundations and Full Stack.
You can either navigate to the individual sections for more details, or view a summary of the full list of projects in table format below.
Navigation: 🧸 Foundations | 💥 Full Stack Javascript
With the exception of styling and additional noted features, most projects have been left as is. Any additional features implemented are noted in the project's README, and are not typically required by the project specifications in The Odin Project. This is typically noted by the ⭐ Rating column.
This is to accurately reflect my knowledge of web development at the point of tackling the project for visitors to this repository. Future learners of The Odin Project will also be able to see what is a fair expectation of the finished project.
⭐ Rating Definitions:
- Empty: Meets minimum requirements, minimum styling
- ⭐: Effort has been applied to styling, some low effort additional features
- ⭐⭐: Has additional features applied, some edge cases have been tested for
- ⭐⭐⭐: Proud of these. Comprehensive feature set and well tested. A keystone piece! ✨
🧸 Foundations | Reflections and Thoughts
| Project | Topic(s) | Repository | Preview | Rating |
|---|---|---|---|---|
| Recipe Site | Command Line Basics, Git Basics, Basic HTML | Code | Demo | ⭐ |
| Landing Page | CSS Cascade, CSS Flexbox | Code | Demo | - |
| Rock Paper Scissors | JS Basics: Types, Functions and Conditionals | Code | Demo | ⭐⭐ |
| Etch-a-Sketch | JS Basics: Arrays, Loops and DOM Manipulation | Code | Demo | ⭐⭐ |
| Calculator | JS Basics: Objects | Code | Demo | ⭐⭐ |
💥 Full Stack JavaScript | Reflections and Thoughts
| Project | Topic(s) | Repository | Preview | Rating |
|---|---|---|---|---|
| Sign-up Form | Forms | Code | Demo | ⭐ |
| Admin Dashboard | CSS Grid | Code | Demo | |
| Library | Objects and Object constructors, OOP | Code | Demo | - |
| Tic Tac Toe | Factory functions and module patterns | Code | Demo | ⭐⭐ |
| Restaurant Page | ES6 modules, Webpack | Code | WIP | |
| Todo List | SOLID principles | WIP | WIP | |
| Weather App | Asynchronous JavaScript and APIs | Code | WIP | |
| Recursion | Recursion | Code | - | |
| Linked Lists | Data structures and algorithms | WIP | - | |
| HashMap | Data structures and algorithms | WIP | - | |
| Binary Search Trees | Data structures and algorithms | WIP | - | |
| Knights Travails | Data structures and algorithms | WIP | - | |
| Testing Practice | Test Driven Development | Code | - | |
| Battleship | Test Driven Development | WIP | WIP | |
| CV Application | React | WIP | WIP | |
| Memory Card | React Hooks | WIP | WIP | |
| Shopping Cart | React Router, UI testing | WIP | WIP | |
| Basic Informational Site | Basic Node.js, Express | Code | Demo | ⭐ |
| Mini Message Board | Basic Express, EJS, MVC | Code | Demo | ⭐⭐ |
| Forms and Deployment | Express, Mongoose, EJS, Form-handling | Code | WIP | |
| Inventory Application | Express, Mongoose | WIP | WIP | |
| Members Only | Authentication, sessions, cookies | WIP | WIP | |
| Blog API | APIs, JWTs | WIP | WIP | |
| Messaging App | Full-stack | WIP | WIP | |
| Odin-Book | Final project | WIP | WIP |
Individual Project README Template
Short description of the project, including the topics covered.
Live Demo ✨ | Project Specs 📝
- Feature1
- Feature2
- Feature3
- Feature1
- Feature2
- Feature3
- Tech1
- Tech2
- Tech3
cd my-odin-projects/subfolder
npm i
npm run dev