- My Full Stack JavaScript projects from The Odin Project.
- What I've learned so far:
- HTML (Main HTML Elements, Landing Pages, Web Forms, ...)
- CSS (Positioning, CSS Units, Advanced Selectors, Flexbox, Grid, ...)
- JavaScript (DOM Manipulation, POJOs, Object Constructors, Factory Functions, Module Pattern, Classes, ES6 Modules, Webpack, SOLID principles, Local Storage, Asynchronous Functions, APIs, Data Structures and Algorithms, Test Driven Development (TDD), Jest testing framework...)
| 📝 Project | 📕 Description | ⚙️ Features | 📁 Repository |
|---|---|---|---|
| Weather App | A weather forecast website using the Visual Crossing API. | HTML, CSS, JavaScript, Async/Await, APIs | weather-app |
| Todo List | A to-do list application that lets users create and manage tasks and projects. | HTML, CSS, JavaScript, Local Storage | todo-list |
| Restaurant Page | A web page for a fictional restaurant. | HTML, CSS, JavaScript, ES6 Modules, Webpack | restaurant-page |
| Tic-Tac-Toe | A classic Tic-Tac-Toe game for browser. | HTML, CSS, JavaScript, Factory Functions | tic-tac-toe |
| Library | A library app interface that displays books within cards, which can be added via a form. | HTML, CSS, JS, Object Constructors | library |
| Admin Dashboard | A grid-based dashboard interface that displays projects within cards. | HTML, CSS, JS, Grid | admin-dashboard |
| Sign-up Form | A sign-up form for a fictional travel booking platform. | HTML, CSS, Web Form | sign-up-form |
| Calculator | A traditional web-based calculator that supports the four basic arithmetic operations. | HTML, CSS, JS | calculator |
| Etch A Sketch | A browser version of a sketchpad, that consists on a grid such that the user can paint or erase each square. | HTML, CSS, JS | etch-a-sketch |
| Landing Page | A landing page for a fictional online programming courses platform. | HTML, CSS, Flexbox | landing-page |
