- 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 |
| Battleship | A web version of the classic Battleship game. | HTML, CSS, JavaScript, Jest, TDD | battleship |
| 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 |
| Calculator | A traditional web-based calculator that supports the four basic arithmetic operations. | HTML, CSS, JS | calculator |
| 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 |
| Tic-Tac-Toe | A classic Tic-Tac-Toe game for browser. | HTML, CSS, JavaScript, Factory Functions | tic-tac-toe |
| 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 |
