Skip to main content

Projects Practiced

The Projects Practiced app highlights the power of React.js with its ability to create dynamic and responsive user interfaces. Initially, it fetches and displays all projects, ensuring smooth loading with a spinner. Users can select categories, and the app dynamically updates the project list via API calls. This project showcases how React.js handles static layouts, responsive design, and real-time updates effectively. 

GIT: https://github.com/Harishma58/Projects


Popular posts from this blog

Simple and Interactive Text Editor

Crafting a user-friendly text editor has never been easier! This project, built using React.js and styled with CSS, offers a seamless experience for formatting text. With intuitive buttons labeled B , I , and U , users can instantly transform their text into bold , italic , or underlined styles. The responsive design ensures smooth interaction and quick updates to the text display. This text editor is perfect for learning the basics of React event handling and state management. Dive in and create your personalized editor today!
Read more

Building an Appointments App in React.js

Dynamic Appointment Management : Start with an empty list and input fields for title and date. As users add details and click "Add," appointments are dynamically listed, ensuring inputs reset to blank. Star Feature : Enable users to highlight important appointments by toggling the Star icon for each entry. Starred Filter : Offer a "Starred" filter button to display only starred appointments when active, and the full list when inactive. Stateful Interactions : Utilize React state to manage appointment data, starred statuses, and filter toggling seamlessly. Clean Design : Focus on intuitive UI/UX for better user engagement while maintaining functionality and responsiveness. GIT:  https://github.com/Harishma58/Appointments
Read more

Echo-Bot: A Smart Chatbot Built with Gemini API

Today, I worked on  Echo-Bot , an AI-powered chatbot developed using React.js and the Gemini API. This project focuses on creating a seamless chat interface that provides intelligent and contextual responses. By combining  React's dynamic rendering  with  custom CSS styling , Echo-Bot offers a clean and intuitive user experience. This project has not only enhanced my API integration skills but also reinforced my expertise in building dynamic and responsive web applications. GIT:  https://github.com/Harishma58/EchoBot-gemini-clone-        
Read more