Expense Tracker
Description:
I developed an Expense Tracker application designed to help users manage and monitor their personal finances efficiently. The application allows users to input various details regarding their expenses, enabling them to keep track of their spending habits and make informed financial decisions.
Key Features:
Expense Text: Users can enter a specific name for each expense, making it easy to identify.
Description: A field for users to provide additional details about the expense.
Amount: Users can input the amount spent on each expense, ensuring accurate tracking.
Category: Expenses can be categorized (e.g., Food, Transport, Utilities), aiding in better organization and analysis.
Date: Users can log the date of each expense to track spending over time.
Technologies Used:
HTML, CSS, and JavaScript: For creating a user-friendly interface.
GitHub: For version control and collaboration.
Figma: For designing the user interface and ensuring a seamless user experience.
Skills Developed:
Data Management: Handling user input and storing data efficiently.
User Interface Design: Creating an intuitive and visually appealing interface.
Problem-Solving: Addressing challenges and optimizing the application for better performance.
Attention to Detail: Ensuring all aspects of the expense tracking process are covered.
Outcome:
This project significantly enhanced my understanding of the software development lifecycle and improved my ability to create applications that cater to user needs. It also provided practical experience in managing data and developing features that improve user experience.
Tic-Tac-Toe Game
I just completed a project that I’m thrilled to share with you all – I created a Tic-Tac-Toe game using HTML, CSS, and JavaScript! 🎮✨
This project was a fantastic learning experience, allowing me to enhance my skills in JavaScript and dive into Figma for the first time. Designing the game with Figma not only streamlined my workflow but also gave me valuable insights into UI/UX design, which will be incredibly beneficial for future projects.
💡 Key Takeaways:
JavaScript: Improved my coding skills and learned new techniques for building interactive web applications.
Figma: Gained proficiency in using Figma for designing layouts and interfaces, making the development process much more efficient and visually appealing.
I'm proud of the progress I've made and excited to apply these new skills in upcoming projects. If you're interested in trying out the game or discussing web development and design, feel free to reach out!
#WebDevelopment #JavaScript #HTML #CSS #Figma #LearningJourney #GameDevelopment #CodingLife #FrontEndDevelopment #UI #UX #UIDesign #UXDesign
Google Home Page
This is a project made by HTML and CSS.
I designed the Home page of google with feature of accessibility of the page in total 4 different languages.
You can access this project at https://google-clone-drona.netlify.app/
Algorithm Visualizer
Built an interactive web-based visualizer for core greedy and graph algorithms including Huffman Encoding, Dijkstra’s Shortest Path, and Kruskal’s Minimum Spanning Tree. Implemented step-by-step execution and animations to demonstrate algorithmic decision-making and state transitions, including priority queue operations, edge selection, and path relaxation.
EduPlay
Built a smart educational media player supporting lecture playback with auto-generated captions using WhisperAI, packaged as an Electron desktop app for cross-platform distribution. Implemented searchable transcripts and an Ask-A-Video feature for context-based video queries. Optimized the captioning pipeline to transcribe a 15-minute lecture in under 1 minute.
