Skip to content

Commit

Permalink
Update main README to navigate to individual sections
Browse files Browse the repository at this point in the history
  • Loading branch information
@felixtanhm
felixtanhm committed Feb 17, 2024
1 parent b2892cf commit ed3fd53
Showing 1 changed file with 52 additions and 49 deletions.
101 changes: 52 additions & 49 deletions README.md
View file
Original file line number Diff line number Diff line change
@@ -1,64 +1,67 @@
<p align="center"><img src="./public/top-header-h.png" alt="felixtanhm-portfolio-the-odin-project" width="280"/></p>

[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.
[**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.

The curriculum is split into 2 sections: **Foundations** and **Full Stack**. The tables below provide more information about the projects in each section, including:
## Curriculum

- **Project:** The name of the project, along with a link to the project specifications.
- **Topics:** The programming topics targeted for the project.
- **Repository:** A direct link to the subfolder of the project in this repository.
- **Preview:** A live demo of the deployed project. This might not be available for some projects due to the project's nature.
- **Rating:** The degree of polish and effort put into going beyond the minimum project specifications.
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://github.com/felixtanhm/my-odin-projects/tree/main/foundations) | [ 🚀 Full Stack Javascript ](https://github.com/felixtanhm/my-odin-projects/tree/main/full-stack-javascript)

---

## 🎈 Foundations
## Full Project List

#### **🎈 Foundations** | [Reflections and Thoughts](#)

[**Course Completion Reflection**](#)
| Project | Topic(s) | Repository | Preview | Rating\* |
| ----------------------- | -------------------------------------- | ----------------------------------------------------------------------------------------------------- | -------------------------------------- | -------- |
| **Recipe Site** | HTML / CSS Foundations | [Code](https://github.com/felixtanhm/my-odin-project/tree/main/foundations/01-recipe-site) | [Demo](#) | ⭐ |
| **Landing Page** | Flexbox | [Code](https://github.com/felixtanhm/my-odin-project/tree/main/foundations/02-landing-page) | WIP | - |
| **Rock Paper Scissors** | JS Basics: Functions and Conditionals | [Code](https://github.com/felixtanhm/game-arcade) | [Demo](https://game-arcade.pages.dev/) | ⭐⭐⭐ |
| **Etch-a-Sketch** | JS Basics: Arrays and DOM Manipulation | [Code](https://github.com/felixtanhm/my-odin-project/tree/main/foundations/04-etch-a-sketch) | WIP | ⭐⭐ |
| **Calculator** | JS Basics: Objects | [Code](https://github.com/felixtanhm/my-odin-project/tree/main/foundations/05-calculator-%5BFINAL%5D) | WIP | ⭐⭐⭐ |

---

| Project | Topic(s) | Repository | Preview | Rating |
| ------------------------------------------------------------------------------------------------- | -------------------------------------- | ----------------------------------------------------------------------------------------------------- | -------------------------------------- | ------ |
| [**Recipe Site**](https://www.theodinproject.com/lessons/foundations-recipes) | HTML / CSS Foundations | [Code](https://github.com/felixtanhm/my-odin-project/tree/main/foundations/01-recipe-site) | [Demo](#) | ⭐ |
| [**Landing Page**](https://www.theodinproject.com/lessons/foundations-landing-page) | Flexbox | [Code](https://github.com/felixtanhm/my-odin-project/tree/main/foundations/02-landing-page) | WIP | - |
| [**Rock Paper Scissors**](https://www.theodinproject.com/lessons/foundations-rock-paper-scissors) | JS Basics: Functions and Conditionals | [Code](https://github.com/felixtanhm/game-arcade) | [Demo](https://game-arcade.pages.dev/) | ⭐⭐⭐ |
| [**Etch-a-Sketch**](https://www.theodinproject.com/lessons/foundations-etch-a-sketch) | JS Basics: Arrays and DOM Manipulation | [Code](https://github.com/felixtanhm/my-odin-project/tree/main/foundations/04-etch-a-sketch) | WIP | ⭐⭐ |
| [**Calculator**](https://www.theodinproject.com/lessons/foundations-calculator) | JS Basics: Objects | [Code](https://github.com/felixtanhm/my-odin-project/tree/main/foundations/05-calculator-%5BFINAL%5D) | WIP | ⭐⭐⭐ |
#### **🚀 Full Stack JavaScript** | [Course Completion Reflection](#)

| Project | Topic(s) | Repository | Preview | Rating\* |
| ---------------------------- | ------------------------------------- | ---------- | ------- | -------- |
| **Sign-up Form** | Forms | WIP | WIP | |
| **Admin Dashboard** | Grid | WIP | WIP | |
| **Library** | Objects and Object constructors, OOP | WIP | WIP | |
| **Tic Tac Toe** | Factory functions and module patterns | WIP | WIP | |
| **Restaurant Page** | ES6 modules, Webpack | WIP | WIP | |
| **Todo List** | SOLID principles | WIP | WIP | |
| **Weather App** | Asynchronous JavaScript and APIs | WIP | WIP | |
| **Merge Sort** | Recursion | WIP | - | |
| **Linked Lists** | 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 | WIP | - | |
| **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 | |
| **Photo Tagging App** | Backend(Firebase) | WIP | WIP | |
| **JavaScript Final Project** | - | WIP | WIP | |
| **Personal Portfolio** | Responsive design, Accessibility | WIP | WIP | |
| **Basic Informational Site** | Basic Node.js, Express | WIP | WIP | |
| **Mini Message Board** | Basic Express, Pug, MVC | WIP | WIP | |
| **Forms and Deployment** | Express, Mongoose, Pug, Form-handling | WIP | 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 | |

---

## 🚀 Full Stack JavaScript

[**Course Completion Reflection**](#)

| Project | Topic(s) | Repository | Preview | Rating |
| --------------------------------- | ------------------------------------- | ---------- | ------- | ------ |
| [**Sign-up Form**](#) | Forms | WIP | WIP | |
| [**Admin Dashboard**](#) | Grid | WIP | WIP | |
| [**Library**](#) | Objects and Object constructors, OOP | WIP | WIP | |
| [**Tic Tac Toe**](#) | Factory functions and module patterns | WIP | WIP | |
| [**Restaurant Page**](#) | ES6 modules, Webpack | WIP | WIP | |
| [**Todo List**](#) | SOLID principles | WIP | WIP | |
| [**Weather App**](#) | Asynchronous JavaScript and APIs | WIP | WIP | |
| [**Merge Sort**](#) | Recursion | WIP | - | |
| [**Linked Lists**](#) | 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 | WIP | - | |
| [**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 | |
| [**Photo Tagging App**](#) | Backend(Firebase) | WIP | WIP | |
| [**JavaScript Final Project**](#) | - | WIP | WIP | |
| [**Personal Portfolio**](#) | Responsive design, Accessibility | WIP | WIP | |
| [**Basic Informational Site**](#) | Basic Node.js, Express | WIP | WIP | |
| [**Mini Message Board**](#) | Basic Express, Pug, MVC | WIP | WIP | |
| [**Forms and Deployment**](#) | Express, Mongoose, Pug, Form-handling | WIP | 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 | |
> **\*Rating** : The degree of polish and effort put into going beyond the minimum project specifications.
---

Expand Down

0 comments on commit ed3fd53

Please sign in to comment.