Discover @abhimax Open Source projects

Abhiman Ranaweera (@abhimax)

abhimax

Stars
35
Global Rank 438,984 (Top 16 %)
Followers 73
Following 91
Registered about 7 years ago
Most used languages

JavaScript
70.0 %

TypeScript
30.0 %
Location 🇱🇰 Sri Lanka
Country Total Rank 1,177
Country Ranking

TypeScript
65

JavaScript
136

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.

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-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.

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.

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.

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-component-lib

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

react-js-product-catalogue

product catalogue React and JavaScript

shopping-cart-react-redux-thunk

react-router-quotes-app

This is a client side application that can view some quotes, dive in some quotes and add some quotes.

react-ts-component-lib

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

react-typescript-product-catalogue

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.

todos-crud-redux-tk

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

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-graphql-crypto-app-improved

Crypto App is a React application built with TypeScript, Apollo GraphQL Client, and styled-components. Its features include adding cryptocurrencies to a cart, deleting added currencies, and preventing duplicate items in the cart.

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.

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.

next-js-micro-frontend-shopping-cart_checkout