Thank you for visiting my GitHub profile. Although I have professional experience of over 4 years working with React, I am keen on understanding the fundamentals of the web, especially frontend development. Check out these smaller personal projects that showcase that:
- URL: catalina-hasnas.github.io/news-homepage-main/
- dev.to article on technical SEO and Accessibility
- Highlights:
- Usage of semantic HTML;
- Image Optimization;
- Font Optimization.
- URL: countries-app-murex.vercel.app
- Highlights:
- Proper usage of Static Site Generation and Server Side Rendering;
- Flickerless theme toggling based on user prefference;
- Zero Layout Shifts.
- URL: catalina-hasnas.github.io/calculator-app-main/
- Highlights:
- Usage of the vanilla javascript Class pattern;
- Toggle between three themes using a mix of CSS and Javascript;
- Include operations with negative numbers.
- URL: catalina-hasnas.github.io/Pomodoro-App/
- Highlights:
- Usage of modern CSS tools for responsiveness such as container queries and CSS clamp;
- Usage of CSS Animations;
- Browser and audio notifications.
- URL: catalina-hasnas.github.io/Pomodoro-App/
- Highlights:
- My debut to contributing to open source 🥳;
- Published to npm;
- Used in my Pomodoro App from above.
using C# with .NET on the backend and React with Redux on the frontend
using Next.js' API Routes to query mongoDB:
Not my proudest code, but one of the earliest. It's for an actual business that I had, with a simple node.js backend and a multipage app on frontend, using vanilla javascript and a bit of jQuery.