Matt Adil

Junior FrontEnd Developer

Matt's Portfolio Picture

Attention to Detail

I am a detail-oriented individual who excels in ensuring accuracy and precision in all tasks. Meticulous in my approach, I consistently deliver high-quality results in every project.

Creative Work

I am a creative thinker with a passion for innovative solutions. My approach to work involves thinking outside the box and bringing fresh ideas to every project, fostering a dynamic and inspiring work environment.

Strong Dedication

I am highly dedicated to achieving goals and consistently strive for excellence in all endeavors. My strong commitment ensures that I tackle challenges with resilience and deliver high-quality results.

A Passionate Developer Who Loves to Code

About Me

I'm Matt Adil, a self-motivated Front-End Developer specializing in React, JavaScript, and expanding into NodeJS. Since graduating in 2018, I've gained valuable experience in eCommerce account management. Recently, I redirected my career towards my dream job, fueled by a newfound passion for visual creativity. Through self-learning, I've built a strong foundation in HTML, CSS, JavaScript, and React.js. Driven by continuous learning, I embrace new technologies to deliver innovative solutions. Excited about the opportunity to contribute my skills and dedication to your organization.

I Work Hard to Impove My Skills Regularly

HTML

CSS

JavaScript

React.JS

Node.JS

I integrate new skills into my projects

Personal Protfolio Template

This is a Personal Website Template, which is crafted with HTML, CSS, and JavaScript. The inclusion of lightbox and typed.js adds a dynamic touch to enhance user engagement. This template is designed for sale on Codester, a prominent platform for template offerings.

Tools Used

  • HTML
  • CSS
  • JavaScript
  • Lightbox
  • Typed.js

Live Links

94/3 E-Market

'94/3 E-Market' is a responsive full-stack web app developed as part of 'The Odin Project.' Leveraging React.js, React Router, and CSS, I designed a seamless and responsive user interface that adapts to all devices. User authentication is implemented using Firebase for a secure user experience, and Stripe is integrated for reliable payment processing.

Tools Used

  • React.js
  • CSS
  • Firebase
  • Stripe

Live Links

ClimaView

'ClimeView' is a fully responsive web application driven by HTML, CSS, and JavaScript. Utilizing the OpenWeather API, ClimeView seamlessly delivers dynamic and responsive weather information.

Tools Used

  • HTML
  • CSS
  • JavaScript
  • OpenWeather API

Live Links

WM Shop Hub

'WM Shop Hub' is a responsive React.js project, featuring a user-friendly interface powered by React Router and CSS. Enhanced with SwipeJS for dynamic touch interactions, it includes essential pages like home page, shopping page, blog page, contact page, about us page, and login/register page. Users can easily browse and choose clothes by gender, size, and genres.

Tools Used

  • HTML
  • CSS
  • Swiper.js

Live Links

I Studied, I Achieved

Education

Bachelor of Business Administration - BBA

Wuhan University of Science and Technology

I pursued a Bachelor of Business Administration (BBA), acquiring a strong foundation in management, finance, and marketing.

Responsive Design, Front-End Libraries, and JavaScript Algorithms

freeCodeCamp

I acquired a solid foundation in front-end development, including HTML, CSS, and JavaScript, along with React.js libraries, through freeCodeCamp. It marked my initial step in the journey toward becoming a front-end developer.

Advanced Front-End Development with Real-Life Projects

the Odin Project

The Odin Project played a pivotal role in advancing my skills. Building real-life projects helped me mature and gain confidence in my front-end development capabilities.

Licenses & Certifications

Responsive Web Design

freeCodeCamp

I earned the Responsive Web Design Certification from freeCodeCamp, showcasing my proficiency in creating web designs that adapt seamlessly to various devices and screen sizes.

JavaScript Algorithms and Data Structures

freeCodeCamp

I achieved the JavaScript Algorithms and Data Structures Certification from freeCodeCamp, demonstrating my expertise in developing efficient algorithms and robust data structures.

Front End Development Libraries

freeCodeCamp

I earned the Front End Development Libraries Certification from freeCodeCamp, showcasing proficiency in utilizing React.JS to enhance front-end development.

I Like to Share My Thoughts

Demystifying JavaScript Hoisting

DEV Community

JavaScript, a versatile and dynamic language, often surprises developers with its unique behaviors. One such behavior that frequently catches newcomers off guard is "hoisting." In this post, we'll demystify hoisting, providing a comprehensive understanding of how it works and why it's crucial for writing effective JavaScript code.

Tips and Tricks for Mobile-First Development

DEV Community

Responsive design is not merely a design choice; it's a necessity in today's digital landscape where users access websites on various devices. Mastering responsive design, particularly with a mobile-first approach, is crucial for delivering an optimal user experience.

Useful JavaScript Array Methods

DEV Community

JavaScript arrays are powerful data structures that come with a variety of built-in methods, allowing developers to perform complex operations with ease. In this article, we'll explore some of the most useful array methods along with clear explanations and practical code examples.

I Want to Hear from You

Matt Adil

Junior FrontEnd Developer

I'm actively seeking job opportunities and welcome connections. Feel free to reach out to me through my account.

Shanghai, China

+86 199-2189-8173