June 16, 2025
Since Quizlet is not free and its one of the best to study app. I've started building my own study website like quizlet. I've designed the ui for the dashboard and login pages. My website includes features like flashcards, quizzes, and AI study guides.
After shipping the project, I noticed an error on some devices showing "error converting timezones. I realized the API was the issue, so instead of using it, I utilized the built-in JavaScript functions to convert time zones.
I wanted to add a 3D globe to display the time zones, but even after trying so much, I couldn't find the perfect 3D model. Since I'm not familiar with Three.js, I found the process quite confusing and complicated, so I ultimately gave up on it. Instead, I added a calendar to help us convert the dates of the days we want to use, and I also made some adjustments to the ui. I had ideas for many other elements, but implementing them was taking too long, and they are quite confusing so i just kept it simple.
I finally created a ui that looks great and functions well. It took me several attempts to get this because I wasn't satisfied with my previous designs. Now, I need to focus on JavaScript and figure out how to add the 3D model of a globe.
TimeZone Converter is a simple website to convert time between different time zones. You just select your time zones, pick a date and time, and see the converted time.
Weather-Based Outfit website
Added all the last changes, added the score board, and the background video successfully
I added the reset game function, also made the cards work.
Created the css for the game and also tried to add the background video, but it didn't work out that well.
Created the the outline of the game
A personal portfolio
This is a fun and interactive memory game where players flip cards to find matching panda images. The game keeps track of your moves, matches, and time.
I made changes in vs code then pushed the changes in GitHub. I changed the API endpoint for my application as the backend was hosted in cloud using Render. But there was an issue with CORS. I had to change it several times and it didn’t work due to browser cache.
I finished all the details, like if once i answer a question, it will show if its right or wrong. If its wrong, then it will show the right answer. I can also add as many questions i as want to the javascript server.
I made a server using JavaScript to help my quiz work better. It connects the frontend and backend of the website so questions, answers, and scores can work.
I added a quiz finished page that displays the user's final score and feedback messages. The users can also restart the quiz.
Created html and css ( frontend ) of the website
made the save the recipe feature work, so whenever you add the recipe to the saved page, it would save it there
This is a simple quiz game where you answer multiple choice questions and get a score at the end. Wait for 5 seconds to let the quiz load
Added recipe card pop up
Added the search recipes function using javascript
Created a save recipes page
created a add recipe page
Created a new project for the cooking recipes website, because the ui for the last one was terrible.
Tried to add rating stars function
A cooking website with all kinds of recipes
A cooking website to browse and store recipes
Rock paper scissors game
Created Guess the number game, where the computer tries to guess the number
Wrote python code for guess the number game
Practice python by creating mini projects to get used to coding and learn more.
This was widely regarded as a great move by everyone.