My website
Development of my personal website (this site).
- HTML
- CSS
- JavaScript
- Eleventy
Portfolio
These are some of the projects and code snippets I've done as a self-taught developer.
Projects
Word Game
A clone of Wordle, a popular online word-guessing game. It's the first project from the React course joyofreact.com. React skills learned: state and application structure.
- HTML
- CSS
- JavaScript
- React
- Parcel
Media Library
A (work-in-progress) multimedia library containing movies, video games and e-books.
- HTML
- CSS
- JavaScript
- React
- Vite
- date-fns
Near Earth Asteroids
A mini-site that lists Asteroids based on their closest approach date to Earth. It is taken from one of NASA's open APIs: "Asteroids NeoWs".
- HTML
- CSS
- JavaScript
- React
- Parcel
- date-fns
The Can Store
A fictional supermarket that only sells canned goods. Created while learning fetching data from the server with JavaScript.
- HTML
- CSS
- JavaScript
HTML elements test page
A page filled with common HTML elements to be used for testing purposes.
- HTML
- CSS
base.css
A work-in-progress base CSS stylesheet that includes both normalize/reset and opinionated base styles.
- CSS
Front-End Starter Template
A template repository that provides a foundation for building simple websites using my preferred front-end web development tools.
- EditorConfig
- Prettier
- Stylelint
- ESLint
- markdownlint
- lint-staged
To-do list
A simple to-do list where you can add, rename, duplicate, complete and delete to-dos. It will be improved soon by rewriting it using React.
- HTML
- CSS
- JavaScript
Mini Game: Guess the number!
Try to guess a number in 10 turns or fewer.
- HTML
- CSS
- JavaScript
Mini Game: Score Keeper
A simple digital version of the table tennis game.
- HTML
- CSS
- JavaScript
Mini Pokédex
Search Pokémon by its number or show a random one. It uses the RESTful Pokémon API PokéAPI.
- HTML
- CSS
- JavaScript
I have also contributed to some open source projects on GitHub. See more on my GitHub profile.
Code snippets
These are most of the code snippets I have on CodePen, organized by collections:
- Semantic HTML
- Modern CSS
- UI Components
- Layout
- Utilities
- Icons
- Tables
- Forms
- JavaScript
- Fetch API
- React
See more on my CodePen profile.
