UrStudyBuddy Devlog 12 - Color theme update and dashboard stuff!!

Nothing much this update, but after long 14-15 hrs i have finally changed the theme of the project, its brown and its awesomeee to me!! 

As you can see the below screenshot, its the dark mode and i feel its great, I have also edited the buttons to have a 3D effect cuz i like these type of buttons and i have used it in other projects of mine aswll.
I also have created a ripple effect on the dashboard page which u can try out, its jst rough for now and doesnt seem good but by next 2-3 devlogs it will evolve

So whats next ?

• Background/theme switching
• Login streaks tied to real accounts
• Real account login, multi-device
• Real transactional email (To send AI Notes)
  And that’s all for this devlog!!

UrStudyBuddy Devlog 11 - Now runs on vercel

Now it can finally run on vercel, and right now the project is quite ready to use but not all features yet but this devlog will be the last one before the 1st ship of this project and im proud of it.

And i got the gemini workin on my project’s AI notes section, but there is a problem and i will fix it within the next ship. I got some help from claude and have commited to github too.
Every 10 min you will get a motivational quote and i think it was fun getting the ideas too!

Nothing much this devlog, i have around 29 github commits now (i dunno if its great or not, tried my best). And this time i added a new focus timer pomodoro - as said in the previous devlogs. I am also working with the UI and the fonts to make it way better. And thats all for this devlog, and will soon ship it tommorow!!!🚢 !!

ig i shipped it early

UrStudyBuddy Devlog 10 - File debugging and AI notes

For this devlog, i havent spent much time coding, tbh i spent debugging on git push errors again, and had some duplicated files which later was solved . I dont have things to talk about much this devlog but i have found some good lofi music which seems to be pretty good and more, im gonna put it in the virtual study room (which im planning to make it pixelated and its kinda short but so cool).

This idea is just a rough concept but if i do have the time i can lock in and make it look insane, but il try my best to make a rlly good virtual study room.

As you can see in the picture, it took loads of time for figuring out the duped files and now its clean and tidy. This is the current Upload your notes sector of the project. In this part, u can choose you u would like your notes to be, here is the code : -

<select id="noteStyle">
  <option value="bullet">Bullet points</option>
  <option value="paragraph">Flowing paragraphs</option>
  <option value="flashcard">Flashcard style</option>
  <option value="cornell">Cornell notes (Cue+Summary)</option>
</select>

<select id="detailLevel">
  <option value="concise">Concise summary</option>
  <option value="detailed">Detailed explanation</option>
  <option value="eli5">Explain like I'm new to this.</option>
</select>

<select id="tone">
  <option value="simple">Simple, Everyday Language</option>
  <option value="exam">Exam focused, Academic tone</option>
</select>

These r the features that lets u customize how u want ur notes and u can send these notes to any gmail or email soon! And yep thats all for this devlog, will come back for more!!!

UrStudyBuddy Devlog 9 - CSS/JS reworks and new features

This time i have got some really great ideas to make this project look really attractive and cool, so i have taken some time to research rlly good fonts for a website and i have gotten it here as seen in the screenshot.
I have used ‘AI for some bit of js’ to help me with the study streak cuz it was confusing, came over minor bugs and have commited to github quite a lot tis time ( i had an issue with this aswll (took me 10-15 min to push a commit).

I have decided to use the theme of the project color to orange & brown, its a rlly good combination and hope to use it pretty well. I also have come up with some lofi music yt links so it can be changed in a section which will be added soon!! (feel free to send ur fav lofi music in the comment section if you want to).

I have also changed some of the fonts to cursive as you can see and it has alrdy become on of my favourite parts of this project journey so far and i cant wait to use it more !
I have added features like the tasks preview, study streak (functional right now) and the number of hours everyone has spent in this website, will work on minutes being shown in this part aswell.

I will soon be comin up with more stuff like -

• background changable
• virtual study room
• study methods like pomodoro timer etc

And yep, thats all within tis update for now, now ima make it better and better !!!

UrStudyBuddy Devlog 8 - Darkmode toggle and dock update and new stuff!!

So for this update i have gotten the dark mode working, quite a miracle after spending sometime fighting bugs. The dark mode had issues until i recoded and finally it works. Check the below screenshot - its the dark mode for now. I really cant decide which color i shuld set for the website.

I have worked on the dock as well as you can see in the screenshot below. I will soon update the dock styling and add extra buttons to it.

I am planning to add extra stuff to the project to make it really awesome : -

• Login Streak
• Login feature (excluding sign in using google for now)
• Preview of what you have done so far
• Motivational quotes every 10 min
• Lofi music for studying

Im planning more stuff to be added to this project. So stay tunned for more! Thats all for tdy

UrStudyBuddy Devlog 7 - CSS rework & debugging

It took loads of time in debugging, havent checked the output yet, and didnt code much but i did commit some commits in github this time.

To be honest, within 2 hours i spent like an hour in css and the rest in debugging cuz i culdnt link java and css within the html as usual due to some bugs and kept switching browsers, and had an event recently so culdnt work much or wuldve gotten like 4-5 hrs this devlog.

So pretty much what ive worked on this project is that i reworked my full css code cuz there were load of ideas in my mind and making some UI for the buttons to make it look cool for the website.

Nothing much other than debugging for mins.

Thats all for this devlog.

UrStudyBuddy Devlog 6 - New settings, upper dock & digital clock

This past hour i have worked on many ideas, i had to research a lot about downloading and stuff in js (i havent started and its gonna be lots of work inlcuding the ai generated notes).

I have created a new setting and an upper dock in this project. It lets you use dark mode. Im gonna be setting the full project theme in purple for now and then change many things, the color theme isnt finalised yet and im deciding to make it light brown themed.

I havent come across any bugs right now, the project is being functional and working well!

For the above bar (dock) i have made buttons which are not functional yet but im going to add many things which will be useful. I have also made a digital clock for the website.

• 3-5 commits from the past 1 hr and 13 mins.

Thats all for tdy!

UrStudyBuddy Devlog 5 - Combined HTML files & new features

I have taken about 1 hour to update my main.js because there were new changes i want to make to my file.

So first of all, it started with 4-5 html files each with different features and now i have combined them and commited to github repo. I have made about 2-3 github commits today.

Now this project can store your name and save it in your browser and works everytime u comeback to login, and i have changed some behaviours of some buttons in this project.

The picture below is the newly updated html file, its basically all 4 html files into one and it really didnt take that much time, even tho there were some bugs but easy to fix.

In css, i learnt things like animation, i also learnt some parts of it from previous hours of working. Here is the code that is included in my project files -

@keyframes slideUp {
from { transform: translateY (20px); opacity: 0; }
to { transform: translateY (0); opacity: 1; }
}

Finally, i have decided to come up with fun features and dont wanna make this project rlly boring.

Thats all i have done within 1 hour.

UrStudyBuddy Devlog 4 - File arrangement & name input

I had loads on problem about the files arrangement . They were duplicated and had errors and github commits were not kinda workin…so it took a long time to fix that aswll.

So now github wont be updated with the current files and will soon make new commits.

This pic below is the name input section where u gonna basically put ur name any way u like to and will be used throughout ur session.

If web page is closed and reopened it wont most likely to safe ur name and i will be working on it towards the end of the update.

UrStudyBuddy Devlog 3 - Homework HTML & stopwatch feature

In this devlog i have worked a lot in javascript and started working on the html and a bit of css. There were loads of bugs with the main.js file and it took me like 10 to 15 minutes to get over it. I also made several github commits on the page.

I have made the homework html and worked on the stopwatch feature (which shows time u have taken doing a hw) which was kinda complicated but easy to deal it.

So within the next devlog i will try to somewhat make the timetable page better with features u can use. Later on the timetable will have the best features to customize it however you want and will make the download button after some time.

UrStudyBuddy Devlog 2 - More HTML & dashboard updates

So for about an hour and 15 min, i have added more html for different tasks in UrStudyBuddy so i dont put everything in the same html, and is quite easier for me aswll.

So the below pic is right now the current version of UrStudyBuddy (im tryna find a new name instead of Dashboard).

As said in the below devlog i will be adding loads of features to make this one of the useful websites for studying.

I will soon choose a new color and create new things within the dashboard.

So the below pic is right now the current version of UrStudyBuddy (im tryna find a new name instead of Dashboard). As said in the below devlog i will be adding loads of features to make this one of the useful websites for studying. I will soon choose a new color and create new things within the dashboard.

UrStudyBuddy Devlog 1 - Whats tis about?

This is UrStudyBuddy. I made this project cuz i thought it would be useful for some people or more. So i have decided to add some features which will help.

Here u can make ur own timetable, add ur homework and list it all, and more ideas to be added.

So for now, i have made the starting screen and i am planning to completly run this project on vercel.

I used npm create vite@latest and added the required files as shown on the image like the assets and all and this is what i have done so far.

I am yet to make a good UI which will take loads of time and adding some things which im yet to learn about.