Afnan Malik

A self taught Frontend Web Developer

About Me

Hi, I am a self-taught junior Frontend Web Developer with a passion for website and web application development which I have demonstrated through years of self-study as well as creating side projects. I believe, I have an understanding of the basic to intermediate skills of javascript which i have shown through my projects.

I am dedicated and highly motivated to create user friendly, aesthetically pleasing and functional web products wheather its website or web app for clients and companies.

Feel free to download my resume.

Female Dev Smiling Image

My Projects

React Covid-19 tracker
React App

Covid-19 Tracker

Covid-19 tracker web app that provides data of total infected, recovered, active and death cases from Coronavirus globally and by country. The data is presented with numbers, charts, and a map.

Tech Stack:

React, Material UI, LeafletJS, ChartJS, disease.sh API

GitHub Icon Live Icon
React App

Keep Notes

A note taking web app inspired by Google Keep where notes can be created. It also comes with edit,delete,search features and provided with a color switcher to switch to dark mode.

Tech Stack:

ReactJS, Firebase

GitHub Icon Live Icon
Keep Notes
REST API country list
JS App

Weather App

A weather app where users can search for weather sunset/sunrise time by country. It also comes with the feature of toggle temperature unit.

Tech Stack:

HTML, CSS, Javascript, API

GitHub Icon Live Icon
JS App

Interactive Pricing

A responsive pricing component where users are able to use the slider and toggle to see prices for different page view numbers. UI designed by FrontendMentor.

Tech Stack:

HTML, CSS, Javascript

GitHub Icon Live Icon
Interactive Pricing component

Other Noteworthy Projects

App Landing Page

A responsive landing page website built with Bootstrap and designed by Uldeck.
HTML SCSS Javascript Bootstrap

Interior

A responsive landing page built with bootstrap and designed by colorlib.
HTML SCSS Javascript Bootstrap

Manage landing page

A FrontendMentor coding challenge to show a responsive landing page built with Bootstrap and Javascript.
HTML SCSS Javascript Bootstrap

Skills

HTML

HTML

CSS

CSS

JS

Javascript (ES6+)

Bootstrap

Bootstrap

Sass

SCSS

git

Git

github

GitHub

reactJs

React Js

Responsive

Responsive Web Design

More on the way....