Mohamed Montasser

A music player and a music library app designed to provide the best user experience and to be capable of performing at a large scale, and it is in continuous development. It is built with bleeding-edge technologies to be a multi-platform app that can be used on the web, mobile, and desktop. The front end is developed with TypeScript, Next.js, Zod, React Query, and Zustand. The back end is built with TypeScript, Node.js, Express, Zod, and Prisma. and the mobile app is created with TypeScript, React Native, Zod, React Query, and Zustand.

I carefully chose the stack of technologies used in this project to provide the best user and developer experience. Using Zod and React Query, I ensured smooth and seamless data flow from the back end to the front end, and by using Prisma, I ensured that the database was always in sync with the back end. I also ensured that the app was scalable using Next.js and React Query for SSR and caching. Using Zustand for state management, I made sure the complex logic of the player would be consistent across platforms which is an extreme win for developer experience,

A fitness and calorie tracker app to accompany your fitness journey. I used Next.js and TypeScript to develop both the front end and back end with Next.js using a sever-less architecture with Vercel's cloud functions, while the front end was created to be server-side rendered for better web vitals and SEO. Also, I implemented request caching and revalidation with React Query, authentication with NextAuth.js, and object validation on runtime with Zod to efficiently handle any invalid data. Data and models were handled with Prisma for the edge in DX and the type of safety it provides.

A quiz builder to quickly prototype and build multi-choice quizzes. The back end was created using Express.js. I handled authentication with OAuth2.0 and Passport.js, and the database used was PostgreSQL with Prisma as object-relational mapping (ORM) for typesafe SQL queries. The front end was developed with React and Vite to design and build experience with Tailwind for rapid styling. Finally, both used TypeScript and Zod for data validation and error checking, I implemented caching and revalidation of the server state using React Query and caching of user input through the session storage API.

A weather forecast progressive web application designed with speed in mind, using vanilla web APIs. I developed a front-end user experience using CSS and JavaScript.

I created the front end with caching and progressive web applications standards in mind using the service worker API, so it completely works offline. I implemented client-side rendering as a single-page app using the native history API for extra speed and edge, and I integrated it with weather APIs to look up the current weather and weather forecast based on the users' current geo-location.

A landing page for a fictional company. I created this website from a Figma template using Vanilla HTML, CSS, and JavaScript. It took me four days to complete, including all of the responsive layouts, functionality, and three breakpoints—desktop, tablet, and mobile. I created this website to showcase my more advanced layout skills, as this design requires vast changes to the layout of the website from each break-point to the next. This requires experience with CSS layouts and features like flex-box, grid, media queries, and much more to pull off smoothly.