Skip to content
View mesfint's full-sized avatar
πŸ’­
Full-Stack Developer | Data Engineer | Data Analyst
πŸ’­
Full-Stack Developer | Data Engineer | Data Analyst

Block or report mesfint

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
mesfint/README.md

πŸ‘¨β€πŸ’» Hi there, I'm Mesfin πŸ‘‹

Frontend Developer | React.js | TypeScript Specialist | Crafting Beautiful & Responsive Web Experiences

Welcome to my GitHub profile!

Check out my portfolio to see some of the projects I've worked on: Portfolio Screenshot

Live portfolio here: Portfolio

πŸ”§ Technologies & Tools

  • Languages: JavaScript, TypeScript, Python,SQL
  • Frameworks: React, Node.js, Express.js, MongoDB

🎨 Featured Projects

  • 🍽️ Monadi Ravintola (Microfrontend Architecture) "A modular restaurant management system built for scale"
    Monadi Preview

✨ 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.

Moodify Preview

πŸš€ Key Achievements:
βœ… Mobile-First Design Oversight:
βœ… Tailwind CSS Learning Curve:
βœ… Audio Control with useRef: βœ… TypeScript Solidification: πŸ”— Demo | πŸ“‚ vercel πŸ”— Demo Code | πŸ“‚ Code


πŸ“ˆ GitHub Stats

Mesfint's GitHub Stats

πŸ“« How to reach me

Pinned Loading

  1. moodify moodify Public

    Mood-Based Spotify Playlist App

    TypeScript

  2. task-mgt-dashboard task-mgt-dashboard Public

    Task Management Dashboard

    TypeScript

  3. monadiravintola monadiravintola Public

    Mon'adi-Pizzeia-micro-frontend-app

    TypeScript

  4. countries-app countries-app Public

    TypeScript

  5. drupal-docker drupal-docker Public

    PHP