apurnaray25

I worked on building a Focus Mode Dashboard to improve productivity and time management. The project includes a Pomodoro timer, task manager, distraction blocker list, progress tracking, dark mode, and local storage support. During development, I faced challenges in handling timer logic, updating UI in real-time, and managing data persistence, which I solved step by step. This project helped me understand core JavaScript concepts like DOM manipulation, event handling, and state management in real-world applications, and significantly improved my problem-solving skills.

I worked on building a Focus Mode Dashboard to improve productivity and time management. I implemented features like a Pomodoro timer, task tracking, distraction blocker, and progress stats. During development, I focused on fixing bugs, improving logic, and enhancing the user interface. This project helped me strengthen my JavaScript skills and understand how real-world apps are built.

1. This project is an animated model of the Solar System.
2. It shows the Sun at the center with all planets orbiting around it.
3. Earth’s Moon also orbits around the Earth.
4. The animation helps visualize planetary motion and distances.
5. It’s a fun way to learn about space and how our solar system works.

Purpose of This Project:

The purpose of this Solar System project is to help people understand how our solar system works in a simple and visual way.

1. Sun is the center: All planets orbit around the Sun.
   Planets have different speeds: Mercury moves fastest, Neptune moves slowest.
2. Earth has a Moon: The Moon orbits around the Earth while Earth orbits the Sun.
3. Learning through visualization: Instead of reading textbooks, you can see the planets moving and get an idea of their positions and motions.

• This project makes learning astronomy fun and interactive for students, beginners, or anyone curious about space.

The Smart Attendance Tracker is a web-based application built using JavaScript and DOM manipulation. It allows multiple users to log in and mark their attendance with a real-world 24-hour restriction system. The project stores data using localStorage, ensuring that attendance records persist even after refreshing the page. It also includes features like dark mode, logout functionality, and user-specific data handling, making it a practical and interactive mini application.

I built the Tab Organizer Chrome Extension to solve a simple but annoying problem — having too many tabs open and losing track of them.

At first, I started with a basic version that could only list open tabs. Then I improved it step by step by adding grouping based on domains, which made it much easier to see how many tabs were open for each website.

After that, I added more useful features like:

Closing all tabs of a specific site with one click
Pinning and unpinning tabs quickly
Highlighting favorite websites

One of the biggest challenges was handling different types of tab URLs and making sure the extension didn’t break. I also worked on improving the UI so it looks clean and easy to use.

Finally, I tested the extension with real users — 2 people have practically used my project, and I have also attached their pictures as proof of real usage. This helped me confirm that the extension works properly in real-world scenarios.

In the future, I plan to:

Add a search feature for tabs
Allow custom favorite sites
Improve performance and UI even more

After adding CSS and JavaScript, the project becomes a fully interactive calculator game. Players see a bold equation in a large white box with colorful answer options beside it. Clicking an option instantly shows correct (green) or wrong (red) feedback with animations, making it engaging and fun. The layout is fully responsive on desktops, tablets, and mobiles, while the DevLog section below displays project details clearly. With hover effects, animations, and dynamic interactions, the game is lively, playful, and ready to use.

After adding the CSS, the project transforms into a vibrant, The top navbar is bright red with a bold “Calculator” heading and menu links. The main area displays the equation in a large white box and colorful answer options stacked beside it. Hover effects, correct/wrong feedback, and animations make it playful and engaging. The layout is fully responsive—columns collapse on tablets and mobiles, fonts resize. Overall, it’s colorful, fun, and mobile-friendly.

I Started building the Math 4 Kids project.
Created basic layout using HTML and CSS.
Without CSS and JavaScript my project was looking this type…..

This project started with a simple calculator layout and gradually evolved into a fully responsive web app.
I focused on improving both functionality and design by implementing JavaScript logic for calculations and enhancing the UI using CSS.
Throughout the process, I worked on responsiveness, usability, and making the calculator visually appealing and easy to use.

I built a simple image slider using HTML, CSS, and JavaScript to understand how DOM manipulation and animations work. The main challenge was managing the slide movement and keeping the transitions smooth. I used translateX() and a counter to control the image flow. Next, I plan to improve it by adding auto-slide, indicators, and mobile swipe support.

Initially, my project only had HTML, so it looked very basic and not interactive. After adding CSS for styling and JavaScript for game logic, it became a complete Snake game with animations, controls, and sound effects. I’m proud of how much it improved from a simple layout to a fully working game.

This project is a fun, interactive Snake game called SnakMania, developed as part of the Flavortown collection. It features responsive design for all screen sizes, start and restart buttons, sound effects for movement, food, and game over, and keeps track of your high score using localStorage. The game is built with HTML, CSS, and JavaScript, making it easy to play in any modern browser. Current development is by [apurna Ray], and future updates aim to add more games, enhanced graphics, and a leaderboard system.

I improved the image slider animations and fixed some UI issues. The project now runs smoother and the navigation buttons work properly.

I’m currently working on an Incredible India image slider project built with HTML, CSS, and JavaScript. The goal of this project is to showcase beautiful places of India through a smooth and interactive slider interface. While working on it, I focused on improving my skills in JavaScript DOM manipulation, animations, and UI design. I’m planning to enhance the project further by adding more features and improving the overall user experience.