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