Welcome to my portfolio repository! I'm Mahdi Tasha, a passionate Front-End Developer with over 4 years of experience building user-friendly and visually appealing web applications. My main tech stack includes React.js, Next.js, TypeScript, and TailwindCSS.
- 🔭 I'm currently freelancing and working on international projects.
- 🌱 I’m always learning and experimenting with the latest front-end technologies.
- 💼 Actively seeking international remote opportunities.
- 🎓 Studying for my Bachelor's degree at Azad University.
Here are some of the technologies and tools I excel at:
- Front-End: React.js, Next.js, JavaScript (ES6+), TypeScript, HTML5, CSS3, Sass, TailwindCSS, Bootstrap, BEM, PWA
- Tools & Frameworks: Git, Vite, NPM, Jest, Webpack
- Others: Three.js, Responsive Design, Mobile-First Development, API Integration
As the front-end developer for the Webimode project, I had the opportunity to work with a talented team where I gained valuable experience and honed my skills. The project involved building dynamic and user-friendly web applications, where I contributed significantly to the UI/UX design, responsiveness, and overall front-end architecture. Working with Webimode allowed me to improve my proficiency in Next.js, React.js, TypeScript, and TailwindCSS, while collaborating closely with backend developers and designers. The experience not only sharpened my technical abilities but also enriched my understanding of teamwork and agile development processes.
In the UTSMM project, I took over as the front-end developer within the Webimode team, continuing and refining the work from the previous developer. My role involved completing pending tasks, optimizing the UI, and ensuring the application met the highest standards of responsiveness and performance. This project provided me with an excellent learning experience, where I enhanced my ability to work with inherited codebases, improve code efficiency, and collaborate closely with a team to deliver a smooth user experience. The challenges faced and overcome in this project significantly contributed to my growth as a developer.
As the front-end developer for the Hoopi project, I worked closely with a dedicated team to bring a high-quality, user-centric application to life. My responsibilities included creating responsive, intuitive interfaces and optimizing the performance for smooth user interactions. The project allowed me to strengthen my expertise in modern front-end technologies like React.js and TypeScript, while also learning best practices in team collaboration and project management. The positive working experience with the Hoopi team further enriched my development skills and deepened my appreciation for efficient teamwork.
XPOWER is a comprehensive bodybuilding platform designed to help users reach their fitness goals through a combination of premium nutrition products, customized workout plans, and personalized diet plans. As the front-end developer for this project, I played a key role in creating an intuitive and visually engaging interface that ensures users can easily navigate through product offerings, tailor their workout routines, and track their progress. Working on XPOWER enhanced my skills in responsive design and performance optimization, allowing me to deliver a seamless user experience across various devices. This project represents my passion for both fitness and front-end development, making it a significant part of my portfolio.
Developed a comprehensive e-commerce application and an administrative dashboard utilizing the FakestoreAPI. The Wise Mart project features a fully functional online store, allowing users to browse products, add them to their cart, and complete purchases. The dashboard provides robust management capabilities, including product listing, order tracking, and user management. Leveraging technologies such as React.js, TailwindCSS, and TypeScript, the project showcases a seamless user experience and an intuitive interface, demonstrating strong front-end development skills and effective integration with external APIs.
Created Markio, a streamlined note-taking app designed to securely store and manage ideas and lists. The application ensures that users can easily access their notes from anywhere at any time, offering a user-friendly interface with efficient performance. Key features include secure data storage, seamless synchronization, and an intuitive design, all built using React.js and TailwindCSS. Markio highlights my ability to develop practical, user-centric solutions with a focus on reliability and ease of use.
Engineered Blogify, a dynamic blog application that integrates with the DEV.to API to curate and present a diverse range of blog posts. This application allows users to effortlessly explore and engage with content from various authors and topics, providing a seamless and interactive reading experience. Built with React.js and TailwindCSS, Blogify showcases my proficiency in integrating external APIs, designing user-centric interfaces, and delivering high-quality web applications.
Developed Math Tac Toe, an engaging game that combines strategic gameplay with mathematical challenges. In this innovative twist on the classic tic-tac-toe, players select numbers on a grid where their choices influence the options available to their opponents, incorporating multiplication to add a layer of complexity. This project demonstrates my ability to design and implement interactive game mechanics, combining logic with user-friendly design to create a compelling and educational experience.
Designed and developed the web version of Track and Remind Your Medic(t)ations, an application dedicated to helping users manage and monitor their medication schedules. This tool allows users to log their medications, set reminders, and track their adherence to prescribed regimens. The web application features a user-friendly interface built with React.js and TailwindCSS, ensuring an intuitive experience while providing reliable functionality for medication management. This project highlights my expertise in creating practical solutions for everyday needs and developing robust web applications.
To run my projects locally, follow these steps:
- Clone the repository:
git clone https://github.com/tasha-dev/portfolio.git
- Navigate to the project directory:
cd project-name - Install dependencies:
npm install
- Start the project:
npm start
Feel free to reach out if you have any questions or project opportunities:
- Email: Mahdi Tasha
- LinkedIn: Mahdi Tasha
Thank you for visiting my portfolio repository!