Frontend Developer | React.js | TypeScript Specialist | Crafting Beautiful & Responsive Web Experiences
Check out my portfolio to see some of the projects I've worked on:
Live portfolio here: Portfolio
- Languages: JavaScript, TypeScript, Python,SQL
- Frameworks: React, Node.js, Express.js, MongoDB
- π½οΈ Monadi Ravintola (Microfrontend Architecture)
"A modular restaurant management system built for scale"
β¨ Frontend Stack:
- React 18 + TypeScript (Strict mode)
- Webpack 5 Module Federation
- Material-UI v5 with custom theme
- Microfrontend architecture (Independent deployment)
π Key Achievements:
β
Implemented shared dependency management
β
Achieved sub-1s lazy-loaded microapps
β
Custom design system with MUI theming
π Demo Coming Soon | π Code
-
Moodify A single-page music player app with a focus on mood-based song selection,
β¨ Frontend Stack:
-
TypeScript: Used for type-safe coding, enhancing my TS skills throughout the project.
-
React: Built with React for a component-based UI, leveraging hooks like useState, useEffect, and useRef.
-
React Context: Centralized state management for songs, playback, and user preferences.
-
Tailwind CSS: My first deep dive into utility-first CSSβused for styling and responsive design.
-
LocalStorage: Persists favorites, playlists, and theme preferences across sessions.
-
Husky: Pre-commit hooks to ensure code is formatted and linted before pushing to GitHub.
π Key Achievements:
β
Mobile-First Design Oversight:
β
Tailwind CSS Learning Curve:
β
Audio Control with useRef:
β
TypeScript Solidification:
π Demo | π vercel
π Demo Code | π Code
- Email: Contact Me
- LinkedIn: Mesfint LinkedIn