abhimax
Senior Technical Lead | Frontend Developer | Fascinated by Modern JavaScript Dev | React & Redux fan | UI Library Dev π | TypeScript π
99xColombo, Sri Lanka
Pinned Repositories
next-js-meetups-app
Next.js Meetup App is a web application built with Next.js, MongoDB, and CSS Modules. It allows users to add new meetups, list all added meetups, and view details of selected meetups.
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-component-lib
I develop this component library to use react applications. tech stack : react proptypes, SCSS, css variables, react classnames
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-js-product-catalogue
product catalogue React and JavaScript
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-online-food-ordering-app
React Online Food Ordering App is a web application that allows users to view available food items, add products to their cart, filter orders, view and edit the cart contents, and display available items in the dashboard. It is built using React, Redux Toolkit, and CSS Modules.
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.
tvmaze-tv-series-app-improved
TV Series Search is a React-based app featuring show search, filter-based listing, detailed pages with cast info, and navigation. It utilizes React, JavaScript, CSS Modules, Fetch API, Redux, and SVG. Accomplishments include component development, layout creation, data fetching, and error handling.
abhimax's Repositories
abhimax/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.
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.
abhimax/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.
abhimax/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.
abhimax/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
abhimax/next-js-micro-frontend-shopping-cart_checkout
abhimax/react-component-lib
I develop this component library to use react applications. tech stack : react proptypes, SCSS, css variables, react classnames
abhimax/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.
abhimax/react-ts-component-lib
I develop this component library to use react typeScript applications. tech stack : React, TypeScript SCSS, CSS variables, react classnames
abhimax/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.
abhimax/todos-crud-redux-tk
This project demonstrates how to create a Todo management application using Redux Toolkit for efficient state management.
abhimax/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.
abhimax/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.
abhimax/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.
abhimax/express-react-fullstack-app
express-react-fullstack-app is a web application combining Express.js and React.js for a seamless user experience.
abhimax/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.
abhimax/github-action-demo
This project to demonstrate how GitHub action works.
abhimax/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.
abhimax/mern-property
abhimax/micro-frontend-module-federation-state-mng
abhimax/my-demo-package
abhimax/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.
abhimax/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.
abhimax/react-intersection-observer-n-item-n-action
abhimax/react-micro-frontend-demo-series
abhimax/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.
abhimax/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.
abhimax/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.
abhimax/ts-shipment-tracker
abhimax/ts-sorting-data