Afraz Momin
Hi! I am Afraz Momin. Let me walk you through my intro, projects and blogs.
introduction
I’m a final year engineering student based in Pune. I’m a full stack web developer working with the MERN Stack.
why are you taking this challenge?
Learning new things, making myself a little better each day.
something interesting about you?
I like to play football and gymming is my favourite pastime. I read a lot of books. Like a lot!
help I need?
It would be good if someone guides me when I get stuck. A little push and I’ll be on my way ahead.
how to contact me?
projects
-
1. Finish That Book!
description Your personalised book reading list.
stack React
with React Hooks
for the frontend. localStorage
for saving data.
hosted link https://finish-that-book.netlify.app/
github link https://github.com/afrazchelsea/react-context-hooks
-
2. Are You Hungry?
description One stop Recipe App for all your hunger cravings. Just enter an ingredient and get the best recipes for it.
stack React
with React Hooks
for the frontend. Used the Edamam API
for the recipes.
hosted link https://are-you-hungry.netlify.app/
github link https://github.com/afrazchelsea/recipe-app-react
-
3. What’s Your GitHub?
description GitHub Search Application
stack Made using plain Javascript
and the GitHub API
. Used Bootstrap
for styling.
hosted link https://whats-your-github.netlify.app/
github link https://github.com/afrazchelsea/github-search
-
4. Find me an Image!
description A web app for finding free stock images. Your solution to avoid copyright issues from images.
stack React
for the frontend. Used Material UI
for styling. PixaBay API
for images.
hosted link https://find-me-an-image.netlify.app/
github link https://github.com/afrazchelsea/image-finder-react
-
5. Frontend Mentor Challenges
description 9 clean UIs inspired from the challenges at Frontend Mentor
stack Made using HTML
, CSS
and Vanilla JS
hosted link https://frontend-mentor-projects.netlify.app/
github link https://github.com/afrazchelsea/frontend-mentor-challenges
-
6. To Do List
description A simple To Do List. My first step towards full-stack development.
stack React
for the frontend. NodeJS
, Express
and MongoDB
for the backend.
hosted link https://to-do-list-mern.herokuapp.com/
github link https://github.com/afrazchelsea/todo-list-mern
-
7. Expense Tracker App
description A simple expense tracker application.
stack React
for the frontend. NodeJS
, Express
and MongoDB
for the backend.
hosted link https://warm-earth-02647.herokuapp.com/
github link https://github.com/afrazchelsea/expense-tracker-mern
blogs
-
1. Web Development in 2020
April 05, 2020
description Your guide to Web Development in 2020 (Front-End)
link https://afrazblogs.netlify.app/my-second-post/
-
2. React vs Vanilla JS - What, Why and When?
April 15, 2020
description Difference between using a JS library like React and plain Javascript
link https://afrazblogs.netlify.app/react-vs-vanillajs/
-
3. Debouncing in JavaScript
June 22, 2020
description What exactly is Debouncing and Why you should know about it
link https://afrazblogs.netlify.app/debouncing/
-
4. Event Bubbling and Event Capturing in Javascript
June 30, 2020
description A deep dive into two phases of event flow in Javascript