Hi there, I'm MAC
a front-end developer.

About me

About Me

I am a self-taught front-end web developer. Currently, I'm pursuing a Bachelor of Business Administration (Honours) in Finance and Banking.

I learned web development from freeCodeCamp, where I learned how to create websites that are fast, user-friendly, and mobile-optimized using various web technologies. Some of the skills I have acquired include HTML, CSS, JavaScript, React.js, responsive web design, and more.

I specialize in creating websites that excel on mobile devices, as I believe that mobile-first design is the future of web development. I am always eager to learn new things and expand my skills in web and app development.

Resume
Demo avatar from person does not exist

Skills

HTML

CSS

JavaScript

React

Bootstrap

Tailwind CSS

Figma

TypeScript

Python

VS Code

Git

Vite

Webpack

Featured projects

Learn Magic

This project is a landing page for a website that offers magic online courses. I used CSS flexbox to create a responsive layout that adapts to different screen sizes and before and after pseudo classes to add some visual effects to the website.

  • HTML
  • CSS
  • Flexbox
Learn magic thumbnail

Acme Blog

This is a blog website. This is the final project of the CSS course I completed. It demonstrates how I can use CSS flexbox and grid to achieve a flexible and responsive layout that adapts to different screen sizes and how I can use the shadow property to add some depth to the website to enhance the website's appearance.

  • HTML
  • CSS
  • Grid
Acme blog thumbnail

Dice Game

This is a dice game with a twist. You can roll as many times as you want or pass the dice to the other player. But if you roll a 1, you lose your turn automatically and your accumulated points. The first player to score more than 50 wins. I made this game with vanilla JavaScript, CSS with BEM methodology, and netlify to host it.

  • HTML
  • CSS
  • JavaScript
  • BEM
Dice game thumbnail

NU Bot

This bot checks the NU website every day for new exam news. It scrapes the news section and compares it with the old ones in a database. If there are new updates related to exam news, it emails me; otherwise, it does not send me other notifications. I used requests and BeautifulSoup to scrape the website. I used Flask to show the bot status on a webpage. I used Heroku to host it.

  • Python
  • Flask
  • BeautifulSoup
  • API
National University bot thumbnail
More projects

Contact me