🎈 Foundations
| Project | Topic | Repository | Live Preview | Rating |
|---|---|---|---|---|
| Recipes 4.0 | HTML Foundations | Code | Demo | ⭐⭐ |
| Landing Page | Flexbox | Code | Demo | ⭐ |
| Rock Paper Scissors | JavaScript Basics | Code | Demo | ⭐⭐⭐ |
| Etch-a-Sketch | JavaScript Basics | Code | Demo | ⭐⭐ |
| Calculator | JavaScript Basics | Code | Demo | ⭐ |
| Calculator 2.0 | JavaScript Basics | Code | Demo | ⭐⭐⭐ |
Check out my my blog post where I shared my experience with the Foundations course.
🚀 Full Stack JavaScript
| Project | Topic | Repository | Live Preview | Rating |
|---|---|---|---|---|
| Sign-up Form | Forms | Code | Demo | ⭐⭐ |
| Admin Dashboard | 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 | Demo | ⭐ |
| Todo List | SOLID principles | Code | Demo | ⭐⭐ |
| Weather App | Asynchronous JavaScript and APIs | Code | Demo | ⭐⭐ |
| Merge Sort | Recursion | Code | - | - |
| Linked Lists | Data structures and algorithms | Code | - | - |
| Binary Search Trees | Data structures and algorithms | Code | - | - |
| Knights Travails | Data structures and algorithms | Code | Demo | ⭐⭐ |
| Testing Practice | Test Driven Development | Code | - | - |
| Battleship | Test Driven Development | Code | Demo | ⭐ |
| CV Application | React | Code | Demo | ⭐⭐ |
| Memory Card | React Hooks | Code | Demo | ⭐ |
| Shopping Cart | React Router, UI testing | Code | Demo | ⭐⭐ |
| Photo Tagging App | Backend(Firebase) | Code | Demo | ⭐⭐⭐ |
| JavaScript Final Project | - | Code | Demo | ⭐⭐ |
| Personal Portfolio | Responsive design, Accessibility | - | Demo | ⭐⭐⭐ |
| Basic Informational Site | Basic Node.js, Express | Code | - | - |
| Mini Message Board | Basic Express, Pug, MVC | Code | - | ⭐ |
| Forms and Deployment | Express, Mongoose, Pug, Form-handling | Code | - | - |
| Inventory Application | Express, Mongoose | Code | Demo | ⭐⭐ |
| Members Only | Authentication, sessions, cookies | Code | Demo | ⭐⭐⭐ |
| Blog API | APIs, JWTs | Code | - | ❌ |
| Messaging App | Full-stack | ❌ | ❌ | ❌ |
| Odin-Book | Final project | ❌ | ❌ | ❌ |
Check out my my blog post where I shared my experience with this curriculum.
Project templates
Throughout this course I have also created some repository templates for setting up my projects: