The Odin Project - Full Stack JavaScript Path : Completed on 08/06/2025

The Odin Project - Foundations Path : Completed on 24/12/2023

Completed Sections are in Green

Pending Sections are in Orange


The Odin Project Web Development curriculum progress Tracker for Amal Kariyawasam


This is an up to date tracker to document my learning in Software Engineering with links to completed projects that are required in "The Odin Project" curriculum.

"The Odin Project's full-stack curriculum covers essential tools (Git, Webpack, Jest, VS Code, Linux), foundational programming concepts (TDD, problem-solving, clean code, OOP), and modern frameworks like React, preparing you for real-world development challenges."

The Odin Project is a High quality Web Development coding education created by an Open-Source community.

Odin Project : Full Stack JavaScript

Master full-stack web development with The Odin Project. Build robust, scalable applications using JavaScript, React, Node.js, SQL, and PostgreSQL. Learn essential tools like Git, command line, and testing frameworks. Apply industry best practices like TDD and clean code to create exceptional user experiences.


Lessons: 125

Projects: 30

Path Start Date: 25/12/2023

Path End Date: 08/06/2025 😃

Duration: 532 Days

    1.0 Intermediate HTML and CSS Course

    Learn a little more about what you can do with HTML and CSS.

    Lessons: 21

    Projects: 2

    Start: 25/12/2023

    End: 14/02/2024 😃

    Duration: 1 Month, 21 Days Or 52 Days

    1.1 Intermediate HTML Concepts: Fully Completed

  1. Introduction
  2. Emmet
  3. SVG
  4. Tables | Source Code

    5. 1.2 Intermediate CSS Concepts: Fully Completed

  5. Default Styles
  6. CSS Units
  7. More Text Styles
  8. More CSS Properties
  9. Advanced Selectors
  10. Positioning
  11. CSS Functions
  12. Custom Properties
  13. Browser Compatibility
  14. Frameworks and Preprocessors

    15. 1.3 Forms

  15. Form Basics
  16. Form Validation
  17. Sign-up Form Instructions | Source Code | Production / Live Demo

    18. 1.4 Grid

  18. Introduction to Grid
  19. Creating a Grid
  20. Positioning Grid Elements: Coding Challenge
  21. Advanced Grid Properties:
  22. Using Flexbox and Grid
  23. Coding Challenge Project: Admin Dashboard

    24. 2.0 JavaScript Course

    This module includes projects where you will learn how to manipulate the DOM, use object-oriented programming principles, and fetch real-world data using APIs.

    Lessons: 31

    Projects: 12

    Start: 16/02/2024

    End: 13/08/2024 😃

    Duration: 5 months 28 days Or 179 days

    2.1 Introduction

  24. How This course will work
  25. A Quick Review

    26. 2.1 Organizing Your Javascript Code

  26. Organizing Your Javascript Code Introduction
  27. Objects and Object Constructors
  28. Library project instructions | Production / Live Demo | Source Code
  29. Factory Functions and the Module Pattern
  30. Tic Tac Toe project information | Production / Live Demo | Source Code
  31. Classes
  32. ES6 Modules
  33. NPM
  34. Webpack
  35. Restaurant Page project information Production / Live Demo | Source Code
  36. Revisiting Webpack
  37. Click here to open Coding Challenge: JSON
  38. OOP Principles
  39. Todo List project information | Production / Live Demo | Source Code

    40. 2.2 JavaScript in the Real World

  40. Linting Lesson | Project : GitHub Templates
  41. Dynamic User Interface Interactions Lesson | Project: Drop Down Menu and Image Carousel (NPM) Modules
  42. Form Validation with JavaScript Lesson | Project: Library catalogue | Source Code
  43. What is ES6 Lesson | Babel Tutorial

    44. 2.3 Asynchronous JavaScript and APIs

  44. Asynchronous Code
  45. Working with APIs | Project: Giphy Image search | Source Code
  46. Async and Await
  47. Weather App Instructions | Project: Weather App | Source Code

    48. 2.4 A Bit of Computer Science

  48. A Very Brief Intro to CS
  49. Recursive Methods Lesson | Project 1: Recursive Methods | Project 2: Recursion
  50. Time Complexity
  51. Space Complexity
  52. Common Data Structures and Algorithms
  53. Project: Linked Lists
  54. HashMap Data Structure
  55. Project: HashMap
  56. Project: Binary Search Trees
  57. Project: Knights Travails

    58. 2.5 Intermediate Git

  58. A Deeper Look at Git
  59. Working with Remotes
  60. Using Git in the Real World

    61. 2.6 Testing JavaScript

  61. Testing Basics
  62. Project: Testing Practice
  63. More Testing
  64. Battleship Instructions | Project: Battleship | Source Code

    65. 2.7 Finishing Up with JavaScript

  65. Conclusion

    66. 3.0 Advanced HTML and CSS Course

    It's time to dig in and become the CSS expert you deserve to be. After this course you'll be equipped to create web projects that look beautiful on any device!

    Lessons: 15

    Projects: 1

    Start: 14/08/2024

    End: 30/08/2024 😃

    Duration:16 Days

    3.1 Animation

  66. Transforms
  67. Transitions
  68. Keyframes

    69. 3.2 Accessibility

  69. Introduction to Web Accessibility
  70. The Web Content Accessibility Guidelines (WCAG)
  71. Semantic HTML
  72. Accessible Colors
  73. Keyboard Navigation
  74. Meaningful Text
  75. WAI-ARIA
  76. Accessibility Auditing

    77. 3.3 Responsive Design

  77. Introduction to Responsive Design
  78. Natural Responsiveness
  79. Responsive Images
  80. Media Queries
  81. Project Homepage Instructions | Production / Live Demo | Source Code

    82. 5.0 Databases

    Databases are used to organize and capture large amounts of data, typically by inputting, storing, retrieving and managing the information. This course will focus on relational databases, which are widely used to store data and SQL, the language used to query the database.

    Lessons: 2

    Projects: 1

    Start: 27/11/2024

    End: 06/12/2024 😃

    Duration: 10 Days

  82. Databases
  83. Databases and SQL
  84. Project: SQL Zoo

    85. 6.0 NodeJS Course

    Take your JavaScript skills to the server-side! Learn how to fully craft your site's backend using Express, the most popular back-end JavaScript framework! You will also learn how to use a relational database, PostgreSQL.

    Lessons: 21

    Projects: 9

    Start: 06/12/2024

    End: 08/06/2025 😃

    Duration: 185 Days

    6.1 Introduction to NodeJS

  85. Introduction to the Back End
  86. Introduction to Frameworks
  87. Introduction: What is NodeJS?
  88. Getting Started
  89. Debugging Node
  90. Basic informational site instructions | Source Code
  91. Environment Variables

    92. Express

  92. Introduction to Express
  93. Routes
  94. Controllers
  95. Views
  96. Mini Message Board instructions | Production / Live Demo | Source Code
  97. Deployment
  98. Forms and Data Handling
  99. Installing PostgreSQL
  100. Using PostgreSQL
  101. Inventory Application project information | Production / Live Demo | Source Code

    102. 6.4 Authentication

  102. Authentication Basics
  103. Members Only project instructions | Production / Live Demo | Source Code

    104. 6.5 ORMs

  104. Prisma ORM
  105. File Uploader project information | Production / Live Demo | Source Code

    106. 6.6 APIs

  106. API Basics
  107. API Security
  108. Blog API project information | Production / Live Demo | Source Code

    109. 6.7 Testing Express

  109. Testing Routes and Controllers
  110. Testing Database Operations

    111. 6.8 Full Stack Projects

  111. Where's Waldo (A Photo Tagging App) project information | Production / Live Demo | Source Code
  112. Messaging App project information | Production / Live Demo| Source Code

    113. 6.9 FINAL PROJECT

  113. Odin Book project information | Production / Live Demo | Source Code
  114. Conclusion

    115. 7.0 Getting Hired Course

    Web development is a lifelong journey of learning and growth. Continue that journey on a professional development team! You'll learn where to find jobs, how to do great interviews, and the best strategies to launch your career.

    Lessons: 12

    Projects: 2

    Start: 10/02/2025

    End: 25/03/2025 😃

    Duration: 43 Days

    7.1 Preparing for Your Job Search

  115. How This Course Will Work
  116. Professional Networking
  117. Strategy
  118. It Starts with YOU
  119. What Companies Want
  120. What You Can Do to Prepare
  121. Project: Building Your Personal Website

    122. 7.2 Applying to and Interviewing for Jobs

  122. Collecting Job Leads
  123. Qualifying Job Leads
  124. Project: Building Your Resume
  125. Applying for Web Development Jobs
  126. Preparing to Interview and Interviewing
  127. Handling a Job Offer
  128. Conclusion

Course Fully completed on 24/12/2023: The Odin Project - Foundations

A hands-on introduction to all of the essential tools you'll need to build real, working websites. learn what web developers actually do in real life and practice using essential tools such as Git, Linux command line,Text editors (VS Code), Ubuntu Linux Virtual Machine Development environment. Also learn the basics of HTML, CSS and JavaScript.

    Course Statistics (Please note that this is based on part time study of 1hr a day while working a full time job with various other life commitments and disruptions)
  • Course Start Date: 05/09/2022
  • Course End Date: 24/12/2023 😃
  • Time Taken: 1 Year, 3 Months, 20 Days Or 15 Months, 20 Days Or 476 Days

    1.0 Introduction (Section Fully Completed)

  1. Lesson Completed: How this Course Will Work
  2. Lesson Completed: Introduction to Web Development
  3. Lesson Completed: Motivation and Mindset
  4. Lesson Completed: Asking For Help
  5. Lesson Completed: Join the Odin Community

    6. 2.0 Prerequisites (Section Fully Completed)

  6. Lesson Completed: Computer Basics
  7. Lesson Completed: How Does the Web Work?
  8. Lesson Completed: Installation Overview
  9. Lesson Completed: Installations
  10. Lesson Completed: Text Editors
  11. Lesson Completed: Command Line Basics
  12. Lesson Completed: Setting Up Git

    13. 3.0 Git Basics (Section Fully Completed)

  13. Lesson Completed: Introduction to Git
  14. Lesson Completed: Git Basics

    15. 4.0 HTML Foundations (Section Fully Completed)

  15. Lesson Completed: Introduction to HTML and CSS
  16. Lesson Completed: Elements and Tags
  17. Lesson Completed: HTML Boiler plate (Please click here to view completed Assignment)
  18. Lesson Completed: Working with Text
  19. Lesson Completed: Lists
  20. Lesson Completed: Links and Images
  21. Lesson Completed: Commit Messages
  22. Lesson Completed: Practice HTML (Project: Recipes)(Please click here to view completed Assignment)

    23. 5.0 CSS Foundations (Section Fully Completed)

  23. Lesson Completed: CSS Foundations Assignment (Please click here to view completed Assignment)
  24. Lesson Completed: Inspecting HTML and CSS
  25. Lesson Completed: The Box Model
  26. Lesson Completed: CSS Block and inline - exercise 1 (Please click here to view completed Assignment)
  27. Lesson Completed: CSS Block and inline - exercise 2 (Please click here to view completed Assignment)

    28. 6.0 Flexbox (Section Fully Completed)

  28. Lesson Completed: Introduction to Flexbox
  29. Lesson Completed: Growing and Shrinking
  30. Lesson Completed: Axes
  31. Lesson Completed: Alignment (Assignment: 01-flex-center) (Assignment: 02-flex-header) (Assignment:03-flex-header-2) (Assignment:04-flex-information) (Assignment:05-flex-modal) (Assignment:06-flex-layout) (Assignment:07-flex-layout-2)
  32. Lesson Completed:Project: Landing Page (Please click here to view completed Assignment)

    33. 7.0 JavaScript Basics (Section Fully Completed)

  33. Lesson Completed: Fundamentals Part 1
  34. Lesson Completed: Fundamentals Part 2
  35. Lesson Completed: JavaScript Developer Tools
  36. Lesson Completed: Fundamentals Part 3
  37. Lesson Completed: Problem Solving
  38. Lesson Completed: Understanding Errors
  39. Lesson Completed: Project: Rock Paper Scissors (Please click here to view completed Assignment)
  40. Lesson Completed on 29/04/2023 (Deadline 05/05/2023): Clean Code
  41. Lesson Completed on 30/04/2023 (Deadline 12/05/2023): Installing Node.js
  42. Lesson Completed on 27/05/2023 (Deadline 19/05/2023): Fundamentals Part 4 (01_helloWorld) (02_repeatString) (03_reverseString) (04_removeFromArray) (05_sumAll) (06_leapYears) (07_tempConversion)
  43. Lesson Completed on 01/06/2023 (Deadline 26/05/2023): DOM Manipulation and Events (Project:JavaScript Drum Kit)
  44. Lesson Completed on 09/06/2023 (Deadline 02/06/2023): Revisiting Rock Paper Scissors (Please click here to view completed Assignment)
  45. Lesson Completed on 01/07/2023 (Deadline 09/06/2023): Project: Etch-a-Sketch (Please click here to view completed Assignment)
  46. Lesson Completed on 21/08/2023 : Fundamentals Part 5
  47. Project completed on 24/12/2023 : Calculator Project (Please click here to view completed Assignment)

    48. 8.0 Conclusion (Section Fully Completed)

  48. Choose Your Path Forward - Selected Full stack JavaScript (Gain advanced knowledge to create beautiful responsive websites from scratch using JavaScript and NodeJS)