● Developed an Expense Tracker to help users efficiently track their expenses, featuring functionalities to add, delete, and manage expenses in an organized manner, resulting in a 30% improvement in user expense management efficiency.
● Implemented Context API for global state management across components, leading to a 25% reduction in state-related bugs.
●Employed useReducer to handle complex state logic and interactions, which enhanced overall application performance by 20%.

Code Live

● Developed a responsive landing page for ”Outdoor Travel,” which enhanced user experience by 35% through the use of Framer Motion for smooth and dynamic animations.
● Implemented Tailwind CSS to design a clean, modern interface that is fully responsive across all devices, resulting in a 25% increase in mobile user engagement.
● Leveraged React to efficiently manage component-based development, contributing to a 20% reduction in development time.

Code Live

● Developed a frontend application to fetch and display GitHub user profiles using the GitHub API.
● Utilized React for dynamic rendering and useState hooks for state management.
● Implemented async/await to handle fetch promises for seamless data retrieval from the GitHub API.
● Incorporated event handling, conditional rendering, props, and mapper functions to efficiently manage and display user data.

Code Live

● Developed a web application that allows users to add, view, and delete notes, providing a simple and efficient way to manage personal information.
● Implemented UseState for state management to handle note addition and deletion.
● Efficiently managed component-based architecture in React.js, ensuring maintainability and scalability of the application.

Code Live

● Designed and developed a visually appealing and fully responsive landing page for Acme Rockets.
● Responsive Design: Utilized Tailwind CSS to create a fully responsive layout, ensuring optimal viewing on desktops, tablets, and mobile devices.
● Comprehensive Sections: Included key sections such as a navigation bar, hero section, detailed product descriptions, testimonials, contact form, and footer, all styled with Tailwind CSS classes.
● User Engagement: Designed with aesthetics and user engagement in mind, making the landing page both beautiful and functional, enhancing the company's online presence.

Code Live

● Developed a Custom Code Editor: Built a simple yet functional code editor using HTML, CSS, and JavaScript, allowing users to write and execute HTML, CSS, and JavaScript code directly within the browser.
● Real-time Code Execution: Implemented a run() function to dynamically render HTML and CSS while executing JavaScript code, providing immediate feedback to the user by displaying the output in an embedded iframe.

Code Live

● Feature-Rich To-Do List Application: Built a To-Do List app allowing users to add, mark as complete, and delete tasks efficiently.
● Persistent Data Storage: Implemented Google local storage to ensure tasks remain available even after a page refresh.
● User-Friendly Interface: Designed an intuitive and responsive UI, making task management straightforward and accessible.

Code Live

● Interactive Simon Memory Game: Built a Simon memory game using HTML, CSS, and JavaScript, focusing on creating an engaging and challenging user experience.
● JavaScript Concepts in Action: Implemented core JavaScript topics, including functions, event handling, and the setTimeout function, to manage game logic and user interactions.
● Enhanced with jQuery: Utilized jQuery to streamline DOM manipulation and event handling, ensuring a smooth and responsive gameplay experience.

Code Live