Hello, I'm Mahdi Bagheri, a passionate Front-End Developer dedicated to creating beautiful and functional websites. Although I'm early in my career, I bring a strong foundation in web technologies and an eagerness to learn and grow. I believe in the power of clean, user-friendly design and am committed to continuously improving my skills to deliver the best results. Let's work together to bring your digital vision to life.
Skils
Exploring the tools and technologies I’ve mastered so far, while constantly learning and growing in my journey as a front-end developer.
Next.js
- App router
- Component hierarchy and file conventions
- Rendering strategies (SSR, ISR, CSR, SSG)
- Caching, Performance, and Optimization
- API routes, server actions and mutation
- Server components and Suspense
React & Libraries
- JSX and functional components
- Components architecture
- Atomic design pattern
- Lifecycle and reconciles
- React design patterns
- Hooks pattern
- State management by context, reducer and redux, zustand
- Redux toolkit
- React router
- React hook form and zod resolver
- Tanstack react query
- React component libraries like Material UI and Headless UI
- JSS, styled-components, CSS modules
- React vite
TypeScript & JavaScript
- Classes, interfaces, generics, inheritance and polymorphism
- Functional programming paradigm
- Strongly typed programming
- DOM and DOM manipulation
- Async functions within promises and callbacks
- Vite JS SPA
- Client side rendering
- Exception handling
- Axios and fetching APIs
- Events, forms and dates
Network
- Authorizations strategies like JWT and cookies
- REST API & Json
- Axios and fetch APIs
HTML & CSS
- HTML5 and CSS3
- Tailwind
- RWD (Responsive Web Design)
- Media Queries
- Flex and grid systems
- Animations
- Semantic tags
Tools
- Node.js
- Node packages managers
- Git, Gitflow
- Figma
- Trello
My Portfolio
A showcase of my journey as a front-end developer. Each project reflects my commitment to innovation, creativity, and technical excellence. For a deeper dive into my full portfolio and more projects, feel free to explore my GitHub.
Nexcent
This project is a modern UI built using React and Tailwind CSS. The goal of this project is to provide an engaging and seamless user experience with clean and optimized code. It includes reusable components, modular design, and customization options for fast and easy web application development.
golden coffee shop
Welcome to Golden Coffee Shop, an elegant and fully responsive online platform for selling coffee! Built with Next.js, this project combines performance, scalability, and modern design to deliver an exceptional user experience for coffee lovers worldwide.
My Services
At Mahdi Bagheri, we provide top-notch front-end development services to bring your digital ideas to life. From responsive websites to fast-loading SPAs and high-converting landing pages, we focus on performance, scalability, and modern design. We create stunning, seamless web solutions tailored to your brand's vision. Let’s build something exceptional together!
Responsive Web Design
Crafting websites that adapt seamlessly to any device.
Custom Front-End Development
Designing user-friendly interfaces for a better experience.
Performance Optimization
Enhancing speed and efficiency for smooth browsing.
UI/UX Design Integration
Ensuring flawless functionality across all browsers.
Single Page Applications (SPA)
Adding dynamic animations for interactive user engagement
Maintenance and Support
We’ll never forget you. Even after designing your website, we’re still here for you.
My Courses
Over the years, I've taken numerous courses that have shaped my skills as a developer. Below are some of the most impactful ones.
bootcamp ReactJS-118 maktabsharif
2024 June - 2025 JanuaryAcademy: Maktabsharif
In this comprehensive course, I mastered a variety of advanced web development skills, including the intricacies of Next.js such as App Router, server-side rendering (SSR), incremental static regeneration (ISR), and API routes. I delved deeply into React concepts like JSX, component architecture, hooks, state management (with Context, Reducer, and Redux), and modern React libraries such as Material UI and Tanstack Query. I also enhanced my TypeScript and JavaScript expertise, focusing on OOP, functional programming, and asynchronous handling with promises and callbacks. Additionally, I explored networking concepts like JWT, cookies, REST APIs, and GraphQL, alongside mastering HTML5 and CSS3, including responsive design with Tailwind and Flexbox. Throughout the course, I worked with tools like Node.js, Git, Figma, and Trello to streamline the development process and manage projects effectively.This course gave me the knowledge and hands-on experience needed to build highly performant, scalable, and maintainable web applications.
Front-End
If neededAcademy: Sabzlearn
Viewing Front-End Courses on SabzLearn
Front-End
evermoreAcademy: Youtube
Viewing Front-End Courses on Youtube
Work History
As a junior developer, I don't have formal work experience yet, but I have dedicated myself to acquiring strong foundational skills in front-end development. Over the past months, I've been actively working on personal projects, contributing to open-source communities, and participating in online courses and bootcamps to enhance my knowledge.
I'm deeply passionate about continuous learning and am eager to apply the skills I've learned in real-world scenarios. My ability to quickly adapt to new technologies, combined with my problem-solving mindset, makes me confident that I can contribute effectively to any team. I'm excited about the opportunity to grow professionally and bring value to your organization.