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.

Reactjs Hooks Codes

A generic calculator made with React and TailwindCSS

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.

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.

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

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.

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

A Currency Rate Exchanger

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.

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

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

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.

React.js app for searching for movies

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

A web application replicating core Netflix functionalities, integrated with a GPT-powered search for intelligent content discovery.

App to search and rate movies made with React

React app by using CONTEXT for local storage, HTTP requests, GET for menu meals, POST for order form. Form validation done by using CUSTOM HOOKS.