This repository contains the reactJS components that most websites have, mostly those which are tricky to design. All the components are independent of each other and can be used separately.

Frontend developed for Pro-Manager, a project management tool, using React.JS, context API for global state management with theme switching and file upload features and an interactive kanban board.

A generic calculator made with React and TailwindCSS

A front-end e-commerce website involves creating a user interface that allows customers to browse products, view detailed information, add items to a shopping cart, and complete a purchase.

Reactjs Hooks Codes

This React project is designed to practice and showcase knowledge of various concepts, including working with forms, validating user input and providing corresponding visual feedback, state management using React Hooks, creating custom hooks, and optimizing performance using memoization.

Random-Gif generator built using TailwindCSS & React. Build using Custom Hook.

Hi! Today I am gonna revise all the hooks used in React. Happy Learning!

This project aims to replicate the functionality of the popular food delivery platform Swiggy, allowing users to browse restaurants, view menus, place orders, and track deliveries. Leveraging the Swiggy API, it provides a hands-on learning experience in building real-world applications with React.

React Front-End ( React.JS - FIRESTORE - LOCALSTORAGE - BOOTSTRAP )

A Currency Rate Exchanger

React.js app for searching for movies

Custom hooks implementation of a debounced search bar in React. This project demonstrates how to build a reusable debouncing mechanism with React’s custom hooks to optimize search input handling and API calls. Instead of firing an API request on every keystroke, the input value is delayed until the user pauses typing.

App to search and rate movies made with React

Currency Genie is a React-based web application designed to simplify currency conversion using real-time exchange rates from the Open Exchange Rates API. It features a user-friendly interface, custom hooks for efficient data management, and various optimizations for performance and code quality.

UI project focused on Mobile Responsiveness with code-splitting , lazy Loading and performance optimisation. Used Swiggy API .

Notebook is a full-fledged notetaking app like Notes. This project is entirely a react.js project. Almost all CRUD operations can be performed in this project. Mainly we can write notes and save them in it. Saving Notes Local storage saves it ordered by id. So we can replace and delete it by editing. Also it is completely responsive design.

A visually immersive 3D developer portfolio built with React.js, Three.js, and Tailwind CSS. Showcases projects, skills, and experience using dynamic animations and modular components.

Created a MERN based full stack app ,where we have some set of tourist places which stored at backend and through http based api calls from frontend in react getting images and showing to users and from that user can select images and will update the same to backend based on user selection and if we want to delete selected place ,we can delete.

Here I show how to segregate common logic into separate custom React hook