abhimax

next-js-micro-frontend-shopping-cart

This Shopping Cart application showcases micro frontend architecture with features for both server-side and client-side rendering in Next.js. It leverages Webpack 5 Module Federation for sharing micro frontends and utilizes Next.js 14 along with @module-federation/nextjs-mf.

react-formik-yup-demo

This is a straightforward React project, showcasing form handling and field validation using Formik and Yup. In this demo, I've explored two methods to handle the same signup form

react-native-restaurants-app

The React Native Restaurant App is a mobile application developed using Create Expo App. It allows users to view available food categories, explore items within each category, search for specific categories, and access detailed information about individual items.

react-ts-cocktails-fe

The CocktailDB is a React with TypeScript application that incorporates a cocktail API, enabling users to view random cocktails, search and add cocktails to favorites, and remove them, with unit tests included.

react-ts-graphql-real-time-message-board

This project is a real-time message board application that demonstrates full CRUD operations with real-time updates using GraphQL subscriptions. It consists of a Node.js server using Apollo Server and a React client with TypeScript and Vite.

next-js-micro-frontend-shopping-cart_checkout

react-component-lib

I develop this component library to use react applications. tech stack : react proptypes, SCSS, css variables, react classnames

react-redux-tk-shopping-cart

This React project, built with Vite, utilizes Redux Toolkit for state management. It includes Redux slices for handling product data and cart actions. Json Server mocks the API, and Async Thunk fetches data asynchronously.

react-ts-component-lib

I develop this component library to use react typeScript applications. tech stack : React, TypeScript SCSS, CSS variables, react classnames

react-ts-i18n-demo

This project is a demo of a React application with internationalization (i18n) support and end-to-end testing using Cypress. The application includes a contact form that allows users to submit their name and message, which are then displayed on the homepage.

todos-crud-redux-tk

This project demonstrates how to create a Todo management application using Redux Toolkit for efficient state management.

web-worker-demo

A simple React application created using Vite, demonstrating the use of Web Workers for background calculations. Web Workers allow you to perform time-consuming computations without blocking the main thread, ensuring a smooth user experience.

apollo-graphql-server-client-demo

The Apollo GraphQL Server-Client Demo is an application that showcases the integration of both a GraphQL server and a GraphQL client using the Apollo ecosystem. The project aims to demonstrate the power and flexibility of GraphQL in building efficient and robust web applications.

async-thunks-react-ts-redux-toolkit

This application is developed to demonstrate how async thunks work with redux-toolkit. This demo POS system bootstrapped by vite and writing in React and TypeScript.

express-react-fullstack-app

express-react-fullstack-app is a web application combining Express.js and React.js for a seamless user experience.

FlexGridModal

This project demonstrates a modal resizing behavior based on the content of a line item list. The modal automatically adjusts its size and the number of columns to display based on the content's width.

github-action-demo

This project to demonstrate how GitHub action works.

hoc-demo

HOC is a project that demonstrates the use of Higher-Order Components (HOCs) and explores various advanced features in React. The project serves as a learning resource for React developers who want to improve their understanding of HOCs and dive into more complex React functionalities.

mern-property

micro-frontend-module-federation-state-mng

my-demo-package

next-js-event-app

This demonstration project uses a mock backend to fetch data, giving you a hands-on experience of Next.js in action. Discover the routing, and efficient data fetching while building and exploring events. Dive into the world of modern web development with Next.js and witness its capabilities firsthand.

react-intersection-observer-demo-

Whether we’re trying to delay loading heavy resources or trying to add some delight to our app experience, being able to trigger functionality after a visitor scrolls to a certain point is handy tool in our belt.

react-intersection-observer-n-item-n-action

react-multi-page-spa-react-router-fe

React Multi-Page SPA with React Router (v6.14) is a project showcasing the latest features of React Router for seamless navigation and dynamic routing in a single-page application.

react-performance-optimization-demo

Optimize a React web app's speed and efficiency using advanced techniques like memoization, lazy loading, code splitting, and server-side rendering. This project provides practical insights and best practices to empower developers to create high-performance React applications for superior user experiences.

react-responsive-carousel-async-data-loading-demo

In this project I will do a feasibility testing to implement a mechanism to render slider data when each slide visible.

react-ts-todo

ts-shipment-tracker

ts-sorting-data