My Projects

My recent projects. Filter with the buttons

project-image

News App

A News App built with React.js using the GNews API to fetch current news. It includes categories like Sports, Science, World, Business,Technology, Health, Nation etc and features popups and a Read More button linking to full articles.

project-image

Shopping Cart

A shopping cart built with Next.js and Tailwind CSS, using Context API for state management. In this cart you can add or remove multiple quantity of products and add it to cart where selected products and total pricing are displayed.

project-image

Quotes App

This Quotes App is built using React and Quotable API. On clicking New Qoute button you can fetch new quotes. You can add quotes to favorites by clicking on ADD TO FAVOURITES and on clicking ❤️ you can view the saved quotes and also delete them

project-image

Travel website

A modern Frontend Travel website built on React.js. It has features like sliders using swiper.js, parallax effect, dynamic cards section and images displayed using grid area. This project is also responsive to various screen size

project-image

Memory Game

This memory game is built using JavaScript, where players match pairs of hidden cards by remembering their positions. The game keeps track of the time taken to complete all matches & displays the total number of incorrect turns made

project-image

Translator App

This is a Translator App built using Next.js, Tailwind CSS & MYMEMORY API. Here, users can select language from and to for translating the text. It has a text area with characters limit to 200. Swaping language functionality is also there.

project-image

Animated Product Card

This is an Animated Product card built using Html, CSS & JavaScript. Here on clicking the buttons shoes will change with animation and also the color of header section of card and price tag will change.

project-image

Notes App

This is a Notes App built using React. Here, I have implemented CRUD operation which helps to add, edit and delete the notes. I have also implemented local storage so that previous created notes are saved.

project-image

Blog Website

This is Blog website built using Next.js. Here, I have implemented Dynamic routing to display various blogs. The landing page consits of various blog cards on clicking which user can navigate to blog page.

project-image

Pagination

A pagination component built using React.js that enables users to navigate through large sets of data efficiently. It dynamically updates content based on the selected page, improving both performance and user experience.

project-image

AGK AGRO (Client)

This is a website that I have built for my client AGK.AGRO PVT LTD which is an import-export business. Built on Next.js with functionality such as form submission directly to mail, dynamic routing for products, video component etc.

project-image

Drag And Drop

A drag and drop component built using React.js allows users to intuitively move items within or between lists. It enhances interactivity and supports smooth reordering or organization of elements in a user-friendly way.