customhooksreact

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

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.

Personal expenses tracker created with custom hooks and localStorage integration.

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.

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

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.

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

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

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

React.js app for searching for movies

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 app by using CONTEXT for local storage, HTTP requests, GET for menu meals, POST for order form. Form validation done by using CUSTOM HOOKS.

practice of how to manipulate Hooks in React

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.

App to search and rate movies made with React