The Odin Project | JC's Website

The Odin Project is an online course on web development which (as of writing this) I’m currently studying/learning through.

My Senior Project was also focused on web development. However, that was made mostly through a series of scattered online guides and self-learning, along with a generous amount of assistance from someone who had experience with web development.

The Odin Project is a well-organized curriculum with many smaller projects scattered throughout it. It ensures that anyone following its lessons will have a thorough understanding of what each line of HTML, CSS, and JS does.

As I complete projects throughout the curriculum, I will add links to them here.

Projects completed:

HTML Foundations, Project 1: Recipes
A collection of HTML webpages that include recipes for lasagna, beef pho, and hard boiled eggs.
Web Link
Github Repo

Flexbox, Project 1: Landing Page
A generic landing page stylized using CSS.
Web Link
Github Repo

JavaScript Basics, Project 1: Rock Paper Scissors
A simple JavaScript rock, paper, scissors game played through ~~the browser console~~ a simple UI.
Web Link
Github Repo

JavaScript Basics, Project 2: Browser Etch-A-Sketch
A simple browser sketchpad that you can draw on hovering over the canvas with your mouse.
Web Link
Github Repo

JavaScript Basics, Project 3: Browser Calculator
A simple browser calculator, allowing addition, subtraction, multiplication, and division.
Web Link
Github Repo

Forms, Project 1: Sign-Up Form
A mockup of a simple sign-up page using forms.
Web Link
Github Repo

Grid, Project 1: Admin Dashboard
An admin dashboard design made using HTML and CSS, primarily structured using grids (with occasional Flexbox support).
Web Link
Github Repo

Organizing Your JavaScript Code, Project 1: Small Library
A simple webpage that allows you to add and remove books from a library, as well as change the read status of books.
Web Link
Github Repo

Organizing Your JavaScript Code, Project 2: Tic-Tac-Toe
A Tic-Tac-Toe webpage that makes objects using factory functions.
Web Link
Github Repo