alb

Added XP bar and changed the UI a bit, removed the progress circle and added the Aura animation

Now making the UI better and adding more features, here is what it looks like now, its basic because I am starting from ground up no animations at the moment but now adding things and making it better

uff.. it took really long time for debugging and deploying the website, actually at the moment as there is no time left, the backend is not completely ready but you can use the AI chatbot in there by local hosting as that too was taking a long time.

Added a clear chat button and fixed some main bugs that's why it took this much time

made the chatbot work finally, got it a basic backend to run on and made the UI for it cleaner and attractive it uses ChatGPT 4.1 Mini as the model, currently it isn't compatible with the data in the website and isn't trained for now, I will do that thing later before or after the exams

Updated the navbar it took a lot of time to set it up and get it working adding the event listener to make it appear and disappear made it more difficult but yes at the end it all worked

After devlogging realised the buttons didn't get the CSS correctly because of which they were looking huge so this are what they are now

Made the UI cleaner and it works all the bugs are gone fixed them and the circle around the timer goes like an actual timer and also added the background to match with the other pages so this Pomodoro is completed

Made the pomodoro page, some backend for the timer too and made the front end, I will polish it later

Made the stats page have some animation and dark mode light mode compatible too. Background now has a subtle animation not too distractive

Made the Stats Page, used some part of AI here for the graphs and some UI, isn't dark mode compatible now, it bugs for some reason will fix that and this is what the stats page looks atm

Designed and completed the Leaderboard Page which is the labelled as rank in the Navbar. It is just pre-written code and only the front-end no backend is done at the moment I will work on the backend when all the frontend is done

Okay redesigned the Planner page made it aesthetic and minimal. All the buttons are from Lunar and I customised them to my use. So here is the screenshot of what I made, there was this bug that it reset the planner and removed all the tasks when changed from dark to light mode or vice versa so I fixed that bug too

Made the firebase work!!

Redesigned the Planner Page, now going to do some backend with firebase instead of Supabase because I think Supabase is difficult and complicated. Till now everything wasn't functional only frontend worked now we will work on the backend

Redesigned the cards a bit and also their purpose on what to show. Now as the dashboard is completed we will move on to the other pages now

Refined the UI a bit divided the cards into three parts, looks cleaner

Refined the dashboard now and added some animations to it and also some shapes and that's all for today

Added some figures in the dashboard background for animation and some other animation too so that it becomes more attractive currently trying to make the particles lighter and make it clean and aesthetic

Made the Sign In Page and also added backend, currently it uses localStorage, I am thinking to use Supabase in the future and also tested the dark mode light mode switch which stopped working for some reason

Made the Sign Up page which will also have animation when the button on the landing page is clicked, only frontend of this is done till now, will make the backend later

Made the UI cleaner and added some animation to the background and added the Magnetic Buttons from Lunar absolutely love it

I was facing a glitch where all the routes were messed up and wasn't working correctly now I redesigned the LandingPage and made it simple yet attractive, now reworking on the routes

Created a new and cleaner landing page for those who didn't sign up, the background color changes with random color whenever refreshed or opened again. Will add buttons from lunar later

Made this Sign Up page for it so that users can store their data. Will refine it more later

Redesigned the UI a bit and also added the navbar to have some animation when cursor is near it

Completed the Planner page made the buttons using Lunar which is present in the gallery

Added a sign in dialogue and also a coming soon page for the pages like stats which were showing 404 on opening, again, this is the complete landing page, no backend is done right now only the name saves and that's all. Other features are yet to be added in the future updates.

Added some more animation to the button and also to the How To Use section, used AI for some debugging and helping with animation, so our first part that is the landing page is ready!

Here is what is done till now added some animation to the navbar and fixed all the bugs like light mode not applying to specific areas

Added dark and light mode switch and it works but a small bug is there which I have to work on

Oh yes finally some more animation! I used some AI here for debugging and some frontend, I will make it with my own creativity.

Oh yes finally there is animation and the navbar works!!

Making the UI but the Navbar is not coming trying to fix the issue

Oh my god finally it worked 😭 the bug was due to a small issue in the index.css for display flex here is the screenshot

The glitch is still not solved, so I am trying to just restart from scratch. Because after lots of time in debugging it just shows a white screen

Ahh getting this glitch of not getting everything in the center. I will try to fix it tomorrow...

Completed the project do check it out! focusforge-liard.vercel.app