Mian Muhammad Sharjeel Safdar's repositories
project9a-shopping-cart-with-redux
This shopping cart web app is built to learn and demonstrate the use of Redux with react. The app uses @reduxjs/toolkit library which is an official opinionated version of react-redux. The app is developed using Test Driven Development (TDD) approach.
project7a2-quiz-app-pwa
Repository for Quiz App. A Progressive Web App (PWA) created with React JS and Typescript, uses Service Worker for offline support, and configured for Firebase Cloud Messaging (FCM).
project8-spacex-app
The web app informs users about all the launches by SpaceX and its rockets. It queries SpaceX's GraphQL API for the data. API responses are dynamically cached within service-worker with stale-while-revalidate approach. It's a PWA: is installable and works offline. It's developed using TDD approach and is completely typed with TypeScript.
project13a-serverless-jamstack-todo-app-with-aws-cdk
A serverless JAMstack Todo App with Gatsby, TypeScript, AppSync, DynamoDB, Cognito, CloudFront, and AWS CDK
project12e-virtual-lolly-app
A Serverless JAMstack Virtual Lolly App with Gatsby, Storybook, Netlify, FaunaDB, GraphQL, and TypeScript
full-stack-serverless-cdk
Learn to Build Full-Stack Serverless Apps and APIs using AWS Cloud Development Kit (CDK) in Baby Steps.
learn-tdd
Repository for learning Test Driven Development (TDD)
learning-service-workers
This project is about learning service workers to create PWAs.
project10-multistep-form-with-formik-yup-materialui
This Multistep form is built to learn and demonstrate the use of Formik and Yup in react. Formik is a library for creating forms in React "without tears." Yup is a library for schema validation; Formik provides support for form validation with Yup out of the box. This project combines the power of Formik and Yup with Material-UI to create an excellant multistep form.
project11-taskbox-component-with-storybook
This Task Box web app is built to learn and demonstrate the use of Storybook with react. Storybook is a view layer agnostic library; it is used for designing components in isolation.
project12a-gatsby-contentful-blog
This project is a blogsite bootstrapped with GatsbyJS. The content is deployed on surge using Github Actions. The content is hosted on Contentful. The website is redeployed on either a push event on the master branch or a repository dispatch event from Contentful Webhook. The project is completely typed with TypeScript.
project12b-serverless-crud-app
This project is a simple demonstration of CRUD operations using FaunaDB through Netlify functions. The client-side has been implemented with Gatsby.
project12c-serverless-jamstack-todo-app
A Serverless JAMstack Todo App with Gatsby, Netlify, FaunaDB, GraphQL, and TypeScript
project12d-bookmarking-application
A Serverless JAMstack Bookmarking App with Gatsby, Netlify, FaunaDB, GraphQL, and TypeScript
project12f-macro-compliance-tracker
A Macro Compliance Tracker where you can set daily targets for calories, carbs, fats, and proteins, and track your targets too. It is a Server-Side Rendered Web App, built with NextJS, MongoDB, and TypeScript, and deployed on Vercel.
project13a-todo-app-backend-with-aws-cdk
This AWS CDK App deploys the backend infrastructure for Project 13A.
project15a-dining-by-friends-with-neptune
Dining by Friends GraphQL API for people to sign up, become friends with other users and get personalized recommendations for restaurants.
project7b-timer-app
The repository contains the code for a Timer App. The app is bootstrapped with Create React App (CRA). The project is written using Typescript and Test Driven Development (TDD) approach. It has offline support thanks to service-worker.
project9b-diary-app
This diaries web app is built to learn and demonstrate the use of Redux Toolkit in a practical real world project. The app is developed with react using typescript, redux for state management, Material-UI for UI, and MirageJS for fake API/backend.