Welcome To My Personal Portfolio! I am

Muhammad Umar Shakeel

Front End Developer

I am currently a

Computer Science student in Germany

who loves to do Front End Web Development! I have 1.5+ years of experience working with Angular, .NET and SignalR. I am motivated to learn any new technology that can help me become a better web developer! HTML and CSS come natural to me, and I am also very skilled with JavaScript, TypeScript, Angular, React, RxJS, UI libraries and state management libraries such as NgRx, React-Redux and Zustand.

Projects

Here are some projects I have worked on recently. You can also find them at my GitHub link

CharityMeet


Personal full-stack project made using React, Supabase and PostgreSQL. Using Google Maps API and Places API, users can search for charity events near a given address, and charity organisations can post events. Technologies used:

ReactZustandSupabaseReact RouterMaterial UIGoogle Maps APIPostgreSQL

Twitter Clone


Twitter Clone where Users can sign‑up/log‑in through personal Email or Google’s Sign‑in functionality. Each logged‑in user has a unique profile, the ability to change their Display Name and Profile Photo, and the ability to send new Tweets (optionally with pictures) that are visible to every other user. Tweets are sent and retrieved from a Google Firebase server in real time. Made using:

ReactGoogle FirebaseReduxRedux-PersistReact RouterTailWind CSSMaterial UI

Disaster Event Tracker


Powered by EONET API from NASA. Responsive website that accurately renders real-time natural disaster events (wildfires, storms and active volcanoes) on world map provided by Google Map. Clicking on an event marker pops up a modal box containing more information about the disaster. Made using:

ReactJSREST APIFetch APIGoogle Maps API

Reddit Search


Vanilla JavaScript used for searching and displaying Reddit posts by requesting Reddit API for results. Made using:

JavaScriptReddit APIBootstrapHTML

Technologies

As a front end developer, I have worked with a range of JavaScript, Angular and React libraries. Here are a few technologies that I am skilled in:

HTMLCSSAngular
RxJs
.NET Core
SignalR
TypeScriptJavaScriptReact
NgRx
ReduxREST APISupabasePostgreSQLFirebaseGoogle Maps API

This app was made using React.js and Chakra UI. To view the GitHub repository for this website,

click here.