About

I use this repository to learn and practice web development. Most of them are found on github pages.

📁 pagination_practice

• ☁ Website
• HTML and CSS pagination footers created both from scratch and by following specific designs.

📁 chat_preview

• ☁ Website
• Twitch chat with customizable text-to-speech functionality. Built to improve my JavaScript skills.

📁 store_front_react

• ☁ Website

• A minimalist e-commerce front-end website featuring mock products from dummyJSON, a responsive shopping cart backed by localStorage, and support for both light and dark theme preferences. The main purpose for building this website was to test my React knowledge, but in this process, I also learned about:

  • Tailwind: Really good alternative to CSS. (Note: Even though the lines were getting longer, I didn’t find it annoying).
  • DaisyUI: A component library for Tailwind; good for rapid development and theming of the site.
  • JSX used by React to build components.
  • TypeScript.

  

📁 movie_tracker

• A site where you can track any media you want, from movies, serials to books or anime. The user selects the media he wants to track from a list managed by the site's administrator. Main reason for creating this site was to get confortable with .Net tooling, like:

  • _ASP .Net Core 8 MVC: Used to build the actual site.
  • Razor: For Identity, created by Scaffolded tool then edited to fit my needs.
  • Minimal API: In this project I've used it to make a storage API for covers.
  • Bootstrap 5: Front end toolkit for faster development (prefer Tailwind).
  • Entity Framework Core: O/RM (object-relational mapper). Used to buld the database structure, that I've described in an Excalidraw document in docs, and handle the communication with database.
  • Datatables: Front end library used to draw responsive tables. I've used it with custom back end API for data fetching.
  • And: HTML, CSS, JavaScript.

• Note: I don't think I can learn much more from this project, so I'm going to stop its development. As of now:

  • authentication is working, with 2FA;
  • the administrator can add new media with cover images;
  • images can be drag & drop, pasted from clipboard or selected from computer;
  • covers are saved on a diferent machine, using Minimal API as interface;
  • debug tooling: docker compose for VS and multiple tasks and launch settings for vsCode.