Β
This website is a Gemini AI clone, where users can explore the capabilities of artificial intelligence by searching for information using the Gemini API. It offers functionalities like real-time search results, a responsive design for seamless navigation and infinite scrolling for continuous exploration.
Tools : React, CSS
This website is designed to showcase educational programs and campus life, offering users an intuitive navigation experience to explore degrees, read testimonials, and view gallery images. It utilizes modern web technologies for a responsive, user-friendly interface, ensuring information on educational paths and student experiences is easily accessible.
Tools : React, CSS
This website is an online movie database where users can find information about film ratings, descriptions, and release dates. It's a straightforward resource for anyone interested in exploring movie details and discovering new favorites.
Tools : React, SCSS
In this project, I have developed a custom product list using React. The project allows me to dynamically display products by fetching data from a JSON file. Each product card includes details such as an image, brand, title, rating, original price, discounted price, and discount percentage. Additionally, I have implemented a star rating component based on the given rating. This enhances the visual appeal of the product list while providing valuable information. I have created this project to showcase my skills in React and data manipulation for my personal portfolio.
For a live demo click here.
This application represents a counter that can perform increment, decrement, and reset operations.
Using the React Bootstrap library, we create buttons and utilize icons from the react-icons package. We define a counter value and the setCounter function using the useState hook. Then, we update the counter value using the handleClick function.
For a live demo click here.
This code represents a progress bar component in React that allows users to increment and decrement the progress value. The component utilizes buttons with plus and minus symbols to control the progress, and it displays the progress as a percentage in an animated progress bar. The code also includes error handling to ensure that the progress value stays within the range of 0 to 100. This component is built using React Bootstrap components and customized using SCSS.
For a live demo click here.