|
1 | 1 | <p align="center"><img src="../public/top-header-h.png" alt="felixtanhm-portfolio-the-odin-project" width="280"/></p>
|
2 | 2 |
|
3 |
| -This folder stores the projects that were completed as part of the [**Foundations**](https://www.theodinproject.com/paths/foundations/courses/foundations) section of [The Odin Project](https://www.theodinproject.com/)'s curriculum. |
| 3 | +This folder stores the projects that were completed as part of the [**Foundations**](https://www.theodinproject.com/paths/foundations/courses/foundations) section of [**The Odin Project**](https://www.theodinproject.com/)'s curriculum. |
4 | 4 |
|
5 |
| -The Foundations section consists of the following projects, with each focusing on specific topics: |
| 5 | +## **Contents:** |
6 | 6 |
|
7 |
| -1. **Recipe Site:** Command Line Basics, Git Basics, Semantic HTML |
8 |
| -2. **Landing Page:** CSS Cascade, CSS Flexbox |
9 |
| -3. **Rock Paper Scissors:** Javascript Types, Conditionals, Functions |
10 |
| -4. **Etch A Sketch:** Javascript Arrays, Loops, DOM Manipulation |
11 |
| -5. **Calculator:** Javascript Objects |
| 7 | +- [Courses & Topics Covered](#) |
| 8 | +- [Completed Curriculum Projects](#) |
| 9 | +- [Reflections & Thoughts](#) |
| 10 | + |
| 11 | +### **Courses** |
| 12 | + |
| 13 | +| Course | Topics | |
| 14 | +| --------------------- | ------------------------------------------------------------------------------------ | |
| 15 | +| **Git Basics** | Command Line Basics, Git Basics, Github | |
| 16 | +| **HTML Basics** | Basic Elements, Lists, Links, Images | |
| 17 | +| **CSS Basics** | CSS Cascade, Box Model, Block, Inline, Flexbox | |
| 18 | +| **Javascript Basics** | Variables, Conditionals, Functions, Arrays, Loops, Objects, DOM Manipulation, Events | |
| 19 | + |
| 20 | +--- |
| 21 | + |
| 22 | +### **Curriculum Projects** |
| 23 | + |
| 24 | +> **\*Rating** : This is used to denote the degree of polish and effort beyond the minimum project specifications. |
| 25 | +
|
| 26 | +| Project | Topic(s) | Repository | Preview | Rating\* | |
| 27 | +| ----------------------- | --------------------------------------------- | ----------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------- | -------- | |
| 28 | +| **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) | ⭐ | |
| 29 | +| **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) | - | |
| 30 | +| **Rock Paper Scissors** | JS Basics: Types, Functions and Conditionals | [Code](https://github.com/felixtanhm/game-arcade) | [Demo](https://game-arcade.pages.dev/) | ⭐⭐⭐ | |
| 31 | +| **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) | ⭐⭐ | |
| 32 | +| **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) | ⭐⭐⭐ | |
12 | 33 |
|
13 | 34 | > ⚠ Note : Rock Paper Scissors was combined as part of another project: [Game Arcade](https://github.com/felixtanhm/game-arcade).
|
| 35 | +
|
| 36 | +--- |
| 37 | + |
| 38 | +### Reflections & Thoughts |
0 commit comments