The Odin Project

Dec 1, 2025 · 2 min read
projects

The Odin Project is an online course I’m taking on web development.

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

Organizing Your JavaScript Code, Project 3: Webpack Restaurant Page
A basic restaurant page with multiple tabs built using modules and bundled using Webpack.
Web Link
Github Repo

Organizing Your JavaScript Code, Project 4: Todo List
A simple webapp that allows you to set up todo tasks for projects.
Web Link
Github Repo

Asynchronous JavaScript and APIs, Project 1: Weather App
A simple webapp that uses Visual Crossing Weather API to get and present weather data.
Web Link
Github Repo

James Cao
Authors
James Cao (he/him)
James Cao is a graduate of Worcester Polytechnic Institute (May 2024) with a BS in Computer Science. He has primarily worked with ETL, database management, and data analysis through academic projects and internships. His current interests include web development using HTML, CSS, and JavaScript, as well as data analysis and AI using Python.