Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/felixtanhm/my-odin-projects
A compilation of my projects for The Odin Project, an open source full stack web development course.
https://github.com/felixtanhm/my-odin-projects
capstone-project curriculum full-stack full-stack-web-development fullstack-development fullstack-javascript odin-calculator-project odin-etch-a-sketch odin-landing-page odin-project odin-recipes odin-rock-paper-scissors odinproject the-odin-project theodinproject web-development
Last synced: 8 days ago
JSON representation
A compilation of my projects for The Odin Project, an open source full stack web development course.
- Host: GitHub
- URL: https://github.com/felixtanhm/my-odin-projects
- Owner: felixtanhm
- Created: 2024-02-09T14:52:07.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-05-10T06:16:03.000Z (6 months ago)
- Last Synced: 2024-05-10T15:20:28.586Z (6 months ago)
- Topics: capstone-project, curriculum, full-stack, full-stack-web-development, fullstack-development, fullstack-javascript, odin-calculator-project, odin-etch-a-sketch, odin-landing-page, odin-project, odin-recipes, odin-rock-paper-scissors, odinproject, the-odin-project, theodinproject, web-development
- Language: JavaScript
- Homepage: https://felixtanhm.github.io/my-odin-projects/
- Size: 24.1 MB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[**The Odin Project**](https://www.theodinproject.com/) (**TOP**) provides a free open source web development curriculum that has received [raving reviews](https://www.reddit.com/r/learnprogramming/comments/u6rrz9/why_is_everyone_recommending_the_odin_project/?sort=top). This repository serves as a compilation for all the projects that were completed as part of the curriculum.
## 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](https://felixtanhm.github.io/my-odin-projects/foundations) | 💥 [Full Stack Javascript](https://felixtanhm.github.io/my-odin-projects/full-stack-javascript)
---
## Full Project List
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](https://felixtanhm.github.io/my-odin-projects/foundations#reflections--thoughts)
| Project | Topic(s) | Repository | Preview | Rating |
| ----------------------- | --------------------------------------------- | ----------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------- | ------ |
| **Recipe Site** | Command Line Basics, Git Basics, Basic HTML | [Code](https://github.com/felixtanhm/my-odin-project/tree/main/foundations/01-recipe-site) | [Demo](https://felixtanhm.github.io/my-odin-projects/foundations/01-recipe-site) | ⭐ |
| **Landing Page** | CSS Cascade, CSS Flexbox | [Code](https://github.com/felixtanhm/my-odin-project/tree/main/foundations/02-landing-page) | [Demo](https://felixtanhm.github.io/my-odin-projects/foundations/02-landing-page) | - |
| **Rock Paper Scissors** | JS Basics: Types, Functions and Conditionals | [Code](https://github.com/felixtanhm/game-arcade) | [Demo](https://game-arcade.pages.dev/) | ⭐⭐ |
| **Etch-a-Sketch** | JS Basics: Arrays, Loops and DOM Manipulation | [Code](https://github.com/felixtanhm/my-odin-project/tree/main/foundations/04-etch-a-sketch) | [Demo](https://felixtanhm.github.io/my-odin-projects/foundations/04-etch-a-sketch) | ⭐⭐ |
| **Calculator** | JS Basics: Objects | [Code](https://github.com/felixtanhm/my-odin-project/tree/main/foundations/05-calculator-%5BFINAL%5D) | [Demo](https://felixtanhm.github.io/my-odin-projects/foundations/05-calculator-%5BFINAL%5D) | ⭐⭐ |
---
#### **💥 Full Stack JavaScript** | [Reflections and Thoughts](https://felixtanhm.github.io/my-odin-projects/full-stack-javascript#reflections--thoughts)
| Project | Topic(s) | Repository | Preview | Rating |
| ---------------------------- | ------------------------------------- | -------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------- | ------ |
| **Sign-up Form** | Forms | [Code](https://github.com/felixtanhm/my-odin-projects/tree/main/full-stack-javascript/01-sign-up-form) | [Demo](https://felixtanhm.github.io/my-odin-projects/full-stack-javascript/01-sign-up-form/) | ⭐ |
| **Admin Dashboard** | CSS Grid | [Code](https://github.com/felixtanhm/my-odin-projects/tree/main/full-stack-javascript/02-admin-dashboard) | [Demo](https://felixtanhm.github.io/my-odin-projects/full-stack-javascript/02-admin-dashboard/) | |
| **Library** | Objects and Object constructors, OOP | [Code](https://github.com/felixtanhm/my-odin-projects/tree/main/full-stack-javascript/03-library) | [Demo](https://felixtanhm.github.io/my-odin-projects/full-stack-javascript/03-library/) | - |
| **Tic Tac Toe** | Factory functions and module patterns | [Code](https://github.com/felixtanhm/game-arcade) | [Demo](https://game-arcade.pages.dev/) | ⭐⭐ |
| **Restaurant Page** | ES6 modules, Webpack | [Code](https://github.com/felixtanhm/my-odin-projects/tree/main/full-stack-javascript/05-restaurant-page) | WIP | |
| **Todo List** | SOLID principles | WIP | WIP | |
| **Weather App** | Asynchronous JavaScript and APIs | [Code](https://github.com/felixtanhm/my-odin-projects/tree/main/full-stack-javascript/07-weather-app) | WIP | |
| **Recursion** | Recursion | [Code](https://github.com/felixtanhm/my-odin-projects/tree/main/full-stack-javascript/08-recursion) | - | |
| **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](https://github.com/felixtanhm/my-odin-projects/tree/main/full-stack-javascript/13-testing-practice) | - | |
| **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](https://github.com/felixtanhm/my-odin-projects/tree/main/full-stack-javascript/18-basic-info-site) | [Demo](https://basic-info-site.up.railway.app/) | ⭐ |
| **Mini Message Board** | Basic Express, EJS, MVC | [Code](https://github.com/felixtanhm/my-odin-projects/tree/main/full-stack-javascript/19-mini-msg-board) | [Demo](https://mini-msg-board.up.railway.app/) | ⭐⭐ |
| **Forms and Deployment** | Express, Mongoose, EJS, Form-handling | [Code](https://github.com/felixtanhm/my-odin-projects/tree/main/full-stack-javascript/20-forms-and-deployment) | 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
# Individual Project README Template 🗂️
Short description of the project, including the topics covered.
[**Live Demo**](#) ✨ |
[**Project Specs**](#) 📝
## 🪃 Features
- Feature1
- Feature2
- Feature3
#### 🧭 Future Implementations
- Feature1
- Feature2
- Feature3
## 💻 Built With
- Tech1
- Tech2
- Tech3
## 🚨 Usage (if applicable)
```bash
cd my-odin-projects/subfolder
npm i
npm run dev
```