Skip to main content

Posts

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
Recent posts

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
Read more

Tech Era App - Enhancing Course Navigation

Home Route Excellence: The app greets users with a dynamic Home Route that fetches and displays courses through seamless API integration, ensuring a user-centric experience. Error Resilience: A robust failure view and Retry button make the app reliable, catering to seamless data recovery during HTTP request failures. Course Exploration: Clicking on a course navigates to a dedicated Course Details Route, offering in-depth insights fetched dynamically via API requests. Loader Integration: A thoughtfully designed loader enhances user interaction while maintaining clarity during data fetches. Built for Scalability: The architecture ensures smooth functionality, serving as a foundation for future enhancements in the learning domain. GIT:   https://github.com/Harishma58/Tech-Era
Read more

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

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

Introducing Jobby: Your Job Search Simplified

Jobby is a feature-rich React.js application designed to streamline job hunting. The app boasts a secure login, dynamic job listings with advanced filters, and detailed job descriptions. Seamless API integration ensures real-time updates for jobs, profiles, and filters like salary range or employment type. Whether authenticated navigation or failure views, Jobby delivers a user-centric experience. Start exploring your dream job today with Jobby! GIT:  https://github.com/Harishma58/My-Work
Read more

Creating a Feedback App with Emojis

This React.js project makes user feedback fun and interactive! The app displays a range of emojis, and clicking one transitions to a heartfelt "Thank You" screen. The Feedback component utilizes props like emojis for rendering dynamic options and loveEmojiUrl for styling. Seamless functionality and engaging visuals make this app a delight to use. Emojis and React—perfect together! GIT:   https://github.com/Harishma58/Feedback-App
Read more