Skip to content

A compilation of my projects for The Odin Project, an open source full stack web development course.

Notifications You must be signed in to change notification settings

felixtanhm/my-odin-projects

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

felixtanhm-portfolio-the-odin-project

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.

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


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

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

Individual Project README Template 🗂️

Short description of the project, including the topics covered.

GIF Recording of Project Demo

Live Demo ✨ | Project Specs 📝

🪃 Features

  • Feature1
  • Feature2
  • Feature3

🧭 Future Implementations

  • Feature1
  • Feature2
  • Feature3

💻 Built With

  • Tech1
  • Tech2
  • Tech3

🚨 Usage (if applicable)

cd my-odin-projects/subfolder
npm i
npm run dev