Mohammad Esmaeilpour

Front-End Developer
Specializing in

Building High-Performance Web Applications with Modern Technologies

View my projectsGet to know me
HTML
CSS
Javascript
Typescript
React
Next.js
Redux
Tailwind
MUI
Bootstrap
Sass/Scss
Github
Git

My Expertise in Front-end Development

My core expertise lies in Next.js and React, where I've developed a range of dynamic, high-performance web applications.

Type Safety with TypeScript

Performance Optimization with Next.js

Modern Styling

Responsive Design

Adherence to Best Practices

Fewer Bugs

Early detection of errors leads to more reliable software.

Better Collaboration

Self-explanatory code enhances teamwork and onboarding.

  • Type Inference & Annotation

    I effectively use TypeScript’s type inference to reduce boilerplate code while explicitly annotating types where clarity is needed.

  • Advanced Types

    Leveraging generics, union types, and interfaces allows me to create flexible and reusable components.

  • Strict Typing

    By enabling strict mode, I catch potential issues early, ensuring a higher level of code safety and quality.

TypeScript is at the heart of building reliable and maintainable web applications. By enhancing JavaScript with static type definitions, I ensure that the codebase is more predictable and less prone to runtime errors. This approach not only speeds up the development process but also results in a more stable and robust application.

Highlighted Projects – A Showcase of My Work

High speed Platform Built with Next.js !

I have developed multiple applications for startups and new brands, utilizing my top skills in TypeScript for type safety, Next.js for websites that require good page speed and performance with server-side rendering, and React for most dashboard applications. I've also used various CSS libraries such as Tailwind CSS, Material UI, and Ant Design.

Mohammad Esmaeilpour Projects
Advanced Accounting Dashboard | React & TypeScript Project

Advanced Accounting Dashboard | React & TypeScript Project

A powerful Accounting Dashboard built with React and TypeScript. Designed for financial data management, it offers real-time analytics, customizable reports, and intuitive data visualization. The dashboard supports seamless data updates, insightful financial summaries, and enhances productivity for accounting professionals. Built for performance, security, and ease of use.

E-commerce website with Bootstrap & Javascript

E-commerce website with Bootstrap & Javascript

This eCommerce platform is built on Joomla, leveraging a custom front-end developed using Bootstrap, CSS, HTML, and JavaScript. The site provides a seamless shopping experience with a modern, responsive design that adapts to any device. With a focus on performance and user experience, the platform is designed to handle high traffic volumes while maintaining fast load times. The site integrates with various payment gateways, ensuring secure and convenient transactions for users.

High-Performance Dashboard with React and Tailwind CSS

High-Performance Dashboard with React and Tailwind CSS

I developed a high-performance dashboard for a company, allowing them to efficiently manage users, companies, roles, and permissions. This project spanned over 8 months and involved the use of cutting-edge technologies like React, TypeScript, Tailwind CSS, and Redux. The dashboard significantly improved the company’s operational efficiency and user management capabilities.

3D Room using CSS and JavaScript

I've created a 3D room using CSS, HTML, and JavaScript, aiming to provide an immersive virtual space that showcases both design aesthetics and interactive functionality.

https://projects.esmaeilpour.site/3d-room
Skills
Javascript
CSS
HTML
3d room

Features

3D Rendering
Utilizes CSS transforms and animations to create a lifelike room environment.
Interactive Elements
Users can interact with objects within the room, such as clicking on furniture to change its color or position.
Responsive Design
Ensures the room adapts seamlessly to different screen sizes, maintaining visual integrity and usability.
Realistic Lighting
Implemented through CSS effects to simulate natural lighting conditions, enhancing the room's realism.
Dynamic Content
Updates dynamically based on user inputs or events, allowing for a personalized user experience.

Modern Next.js Responsive Website - Roboxon

I developed a modern, responsive website using Next.js, Tailwind CSS, and TypeScript, focusing on performance, scalability, and maintainability. This project showcases my ability to create dynamic, high-quality web applications with a keen eye for design and user experience.

Skills
Typescript
Next.js
Tailwind CSS
3d room

Features

Responsive Design
The website is fully responsive, ensuring an optimal viewing experience across a wide range of devices, from desktops to mobile phones.
Fast Performance
Leveraged the power of Next.js for server-side rendering and static site generation, resulting in fast load times and a smooth user experience.
Type Safety
Incorporated TypeScript to ensure robust type-checking and improve code maintainability and scalability.
Custom Styling
Utilized Tailwind CSS to create a unique, modern design that is both visually appealing and easy to maintain.
Modular Architecture
Designed the application with a modular architecture, making it easy to extend and maintain in the future.
API Integration
Integrated with external APIs to fetch dynamic content, showcasing the ability to work with third-party services and data.

High-Performance Dashboard with React and Tailwind CSS

I developed a high-performance dashboard for a company, allowing them to efficiently manage users, companies, roles, and permissions. This project spanned over 8 months and involved the use of cutting-edge technologies like React, TypeScript, Tailwind CSS, and Redux. The dashboard significantly improved the company’s operational efficiency and user management capabilities.

Skills
Typescript
React
Tailwind CSS
3d room

Features

Role-Based Access Control
Advanced role and permission management for secure access.
Efficient State Management
Utilized Redux for state management, ensuring a predictable and maintainable codebase.
Customizable UI
Used Tailwind CSS to create a highly customizable and visually appealing interface.
TypeScript Integration
Leveraged TypeScript to enhance code quality and maintainability.

E-commerce website with Bootstrap & Javascript

This eCommerce platform is built on Joomla, leveraging a custom front-end developed using Bootstrap, CSS, HTML, and JavaScript. The site provides a seamless shopping experience with a modern, responsive design that adapts to any device. With a focus on performance and user experience, the platform is designed to handle high traffic volumes while maintaining fast load times. The site integrates with various payment gateways, ensuring secure and convenient transactions for users.

https://v-user.com
Skills
JavaScript
Bootstrap
HTML
3d room

Features

Responsive Design
Fully responsive interface optimized for mobile, tablet, and desktop devices.
Customizable Product Catalog
Easily manage and customize product listings with dynamic filters and categories.
Secure Payment Integration
Supports multiple payment gateways with robust security measures.
User-Friendly Admin Panel
Intuitive admin panel for managing orders, customers, and inventory.

Advanced Accounting Dashboard | React & TypeScript Project

A powerful Accounting Dashboard built with React and TypeScript. Designed for financial data management, it offers real-time analytics, customizable reports, and intuitive data visualization. The dashboard supports seamless data updates, insightful financial summaries, and enhances productivity for accounting professionals. Built for performance, security, and ease of use.

https://accountant.liara.run/
Skills
Typescript
React
Tailwind
React Query
Redux
3d room

Features

React Query
Integrated React Query for optimized data fetching, caching, and synchronization with the backend. This enhances real-time data updates and minimizes unnecessary network requests, ensuring a smooth user experience.
Redux
Used Redux for state management, enabling consistent and efficient data flow across the accounting dashboard. Redux centralizes the application state, allowing seamless updates and improved scalability.
Authorization
Implemented secure authorization, protecting sensitive financial data with role-based access. This feature ensures that only authorized users can access specific sections of the dashboard.
Charts
Added interactive charts to visualize financial data clearly and effectively. These charts offer insightful analytics and help users make data-driven decisions with ease.