v(0.7.1-beta)

Updates

• As of today and yesterday, total number of commodities in the database are ~27k (ik there are two daily fetches and it is because I did all this in the span of 2 days)
• Fixed loading state bug (Earlier it did not show up when all the cards were being loaded)
• Added info (This might take a while) in the loading component
• Prevented fetch on every reload but then realised that localStorage can only hold up to 5MB of data so I again came back to fetch on every relaod. This slows down the app but I don’t know how to fix this
• Improved instructions on launchModal and shortened them
• Enhanced responsiveness
• Fixed the small screen device’s compare issue (Earlier it didn’t work well because it was registering taps on smaller screens every time which lead to bad scrolling as even when people scrolled, it registered it as a click on the card)

What next?

• Most probably i’ll add a custom scrollbar
• Take reviews and work on suggestions

Changelog

• fix: fetch on every reload
• docs: update version
• feat(api): daily fetch
• docs: improve instructions
• feat: enhance responsiveness
• fix: prevent fetch on every load
• docs: add info
• fix: fix loading state bug
• feat(api): daily fetch

(v.0.7.0) Beta version

• Beta version is out!
• Handled the latest fav feature edge-case (Now if you don’t have any favourites, latest favourites won’t be visible to you)

What will I do next?

• As beta is out, I will be spending most of my time on fixing the edge cases

Changelog

• docs: update version
• fix: handle latest fav edgecase
• feat: separate client and server structure

(v0.6.2-alpha) Instructions and Latest Favs.

Updates

• Added latest favourites feature and now you can see last 3 bookmarked items
• Added instructions on first visit of a user
• Today no data was sent by the government so there are around 29k commodities today as well.
• Also fixed the lastFetchedDate bug (Earlier it did not update after every fetch)

What next?

• Tbh, I don’ know I think i’ll search if I can add anything else in the website
• Release the beta version. This version only runs on my machine so I need to release it so that I can put it out for others to test

Changelog

• docs: update version
• feat: show modal on launch
• feat(api): daily fetch
• feat: add latest favs

(v0.6.1-alpha)

Updates

• Nothing much, just fixed the graph bug (It generated too many logs on the console because ResponsiveContainer inside VirtuosoGrid got rendered off screen first with -1 dimensions so I just removed ResponsiveContainer lol)
• There was another bug with the prices in CompareModal.jsx where instead of item.modal_price/1000 I wrote item.modal_price/100

What next?

• Still waiting for UI suggestions. No suggestions yet
• I’ll work on the recent favourites feature to fill the dead space on the left
• I also need add instruction for the users to let them know that they can compare two commodities by clicking and holding on the card on small screen devices and by right clicking on desktop or large screen devices

Changelog

• docs: update version
• fix: fix price bug
• fix: fix bug related to graph

(v0.6.0-alpha) Compare Feature

Updates

• As of today the database has around 29k commodities
• Compare feature has been added to the site and now you can access it while tapping on any two cards that you want to compare on mobile devices and by right clicking on larger screens

What next?

• I’ll take UI suggestions from people on slack and implement those
• I’ll add recent favourites on the sidebar only on larger screens

Changelog

• docs: update version
• docs: update version
• feat: add compare feature
• feat(api): daily fetch

(v0.5.2-alpha) Fixing UI

Updates

• No major updates, just implemented @qwik’s suggestions
• Fixed UI

What next?

• I am planning to develop another feature where users can compare prices of two different commodities

Changelog

• docs: update version
• fix: fix UI

(v0.5.1-alpha)

Updates

• As of today the site has around 23k commodities (ik it is same as yesterday but these are the new ones and they are updated)
• Major UI changes for desktop as well as small screen devices
• Added theme colours to loading and empty state components
• Enhanced responsivenss

Next thing I’ll work on

• There is a bug related to virtuoso, it renders too many console.warn() which may hinder during production. I don’t know what is the reason behind it but most probably it’ll take some time to fix it
• Enhance responsiveness (Reduce number of previous prices to last 4 prices on small screen devices)

Changelog

• docs: update version
• feat: change UI for desktop and small screen devices
• feat(api): daily fetch
• fix: add theme colours to loading and empty state

(v0.5.0-alpha) Changes in UI

Update

• This is the bigges update yet! I’ve changed the card UI as people thought that previous one was cramped and it was like information dump.
• Enhanced responsiveness by changing wordings and removing unwanted words like Bhindi(Ladies Finger) turns to just Bhindi
• Improved themes (gave it a royal look), removed “saral” theme for now as it wasn’t looking good. I’ll experiment on it later on. Colours just doesn’t fit properly with the website nvm, i’ll look into it.

What next?

• Next I’ll be working on changing the entire UI and making some adjustments as people said there is so much dead white space that I can use and I they also said that I need to align everything in the header section
• Also, I’ll work more on improving responsiveness

(v0.4.0) Themes

Updates

• Added themes!!! (White, Black and Saral)

What next?

• Took suggestions from slack on #flavortown and I realised that I need to work more on the UI and I need to change it.
• Too much info is provided which makes it feel cramped
• Instead of change theme, i’ll have to go with toggle theme
• Also recognise system theme settings and then use that info to show theme
• align everyting in the header properly
• make use of the dead white space on the bottom left
• enhance themes and responsiveness
• make height of all the cards similar

Changelog

• docs: update version
• feat: add themes

(v0.3.1-alpha) Fix trend and make graphs accessible

Updates

• Now you can access graphs on devices with smaller screens
• Instead of showing previous price in the tooltip of the card, now you can see trend while hovering on the i button on larger screens and by clicking on i button on smaller screens
• There was a bug during the development of this so I fixed that too
• Worked a bit on enhancing responsiveness

What wil I be working on next?

• Most probably the theme, I am thinking of adding two themes, classic and one more which is more colourful
• Look if I can add another feature with the data I have

Changelog

• docs: update version
• fix(feat): fix trend bug
• feat: show trend
• fix: make graph accessible to smaller devices

(v0.3.0-alpha) - Graphs and Responsiveness

Updates

• Added graphs and tooltip to the graph using re-charts (Now you can see graph of last 5 to 6 prices of each commodity to look at the larger picture. IT DOESN’T WORK FOR MOBILE DEVICES YET.)
• Enhanced responsivess (Not much but I hate to add responsivess in bulk so I did a small part of it)
• There was an issue with WebMediaPlayer, it was generating many requests at a time so I destructured audio files and kept them in a component
• As of today, the database has ~23k commodities

What next?

• Work more on responsiveness
• Fix the graph to make it accessible to mobile/small screen users as well
• Work on the theme after I finish adding features
• Show the trend (up/down/same) on the card

Changelog

• docs: update version
• feat: add graph
• chore(data): fetch today’s data
• docs: change wording
• fix: fix WebMediaPlayer bug
• fix: enhance responsiveness
• docs: add technologies to README.md
• docs: change version
• fix(feature): fix share button and bookmark feature

(v0.2.6-alpha)

Updates

• Fixed the bookmark bug (Now you can see notifications)
• Fixed the share card bug (Earlier it had conflicts with okchl so I had to use AI to solve this problem)

Next thing I’ll most probably work on

• Website looks bad on smaller devices so I will be working on that
• Also, I have thought of a new feature where user can see graphical representation of each commodity
• AND I will start to change the theme of the website. It is black and white only for alpha version but I will be beautifying it before I ship this project.

Changelog

• docs: add technologies to README.md
• docs: change version
• fix(feature): fix share button and bookmark feature
• fix(feat): fix bookmark sound and custom toast bug

(v0.2.5-alpha) Increase/Decrease Feature

Updates

• As of today, I have total 18k items in my database
• Fixed the increase and decrease feature (Took a lot of my time actually)
• Now you can see last 6 prices of each commodity when you turn it’s card over
• Fixed the PriceWithToolTip thingy. Now you can see the previous price of that commodity

What I learned?

• I learnt about version control and how to write conventional commits. I am bad at it but I am trying to get my head around it

Next thing that I’ll work on

• I will be working on fixing the bookmark button (It doesn’t produce sound and also it doesn’t change colour when selected. It is so annoying that I completely removed it and now I will write it from scratch)
• Think of what other features I can add and try to implement them

Changelog

• docs: update version in README to 0.2.5-alpha
• fix: fix PriceWithTooltip
• fix(feat): fix increase and decrease feature
• fix(feat): fix increase and decrease feature
• docs: remove code that relable on old variable
• feat(api): fetch today’s data

(v0.1.3-alpha) Fix Cron job and show only new data

Updates

• Fixed cron job (I thought is is working smoothly but when today I fetched api, it said govt. has not provided data today but then I checked the fetch url on Postman and I could see today’s data so on checking the db, I realised that the format of the date is different for the db and the cron job. So I fixed that while handling the UTC to IST conversion problem)
• Now you can see previous data also. (I am storing at least last 5 prices of each commodity)
• You can now see previous favourites also.

Changelog

• docs: update README.md
• fix: fix date format issue
• fix: fix cron job

(v0.1.2-alpha) Fixing cron job

Updates

• Fixed cron job logic and tested it (Now it works as expected)

Changelog

• docs: rewrite correct version
• fix: fix cron job functionality and test it
• update README.md

v(0.1.1-alpha) Cron job

Updates

• Added a cron job that updates prices everyday at 6AM and if gov doesn’t provide data, it keeps on polling every 5 minutes
• Changed the date format to Indian one

Changelog

• docs: update README.md
• feat: add cron job; add poll for every 5 mins
• feat: display date in Indian format
• docs: update README.md

(v0.1.0-alpha) Backend

Updates

• Setup backend, connected server with mongoDB
• Fetched data from api and added it to database
• Made API
• Displayed data from the database

Changelog

• feat: display data from database; remove old logic
• feat: fetch and add data to database; create api
• feat: setup backend; connect db and server

New Features

• Hid the api key that was publicly available
• Enhanced the logic (So for example if you bookmark something on 3rd march and on 5th march you want to see what you bookmarked, you can see that now and if something was available on 3rd and is not available on 5th so you can see the older prices of that thing)
• Currently everything is stored in the localStorage (Which is not that efficient. I will soon link a database to it)

Changelog

• feat: enhance logic
• docs: hide the api key

New Features

• Added card flip functionality
• Fixed the card share (earlier some of the text got cut and nothing could be seen)
• De-structured code into components (not important for viewers but it made my work easy)
• Apparently I fixed the sound bug but on pushing the code, I found that it wasn’t fixed yet
• Updated README.md

Thoughts

• There are plenty of bugs that I just discovered. Nothing is working as it should be working so I think most of my time will go into that before I proceed to integrate a database.
• Also the API Key is in my code (which is not at all secure) so I need to fix that too!

Changelog

• feat: add card flip functionality
• docs: delete Ad.jsx
• docs: de-structure files into components
• feat: add motion
• fix: fix audio bug
• docs: update README.md

New Features

• Made README.md detailed (I was about to ship it and then I watched that ship video and saw that it is a good practice to make a detailed README.md file before shipping your project so I had to change it)
• This is the last devlog I promise

Changelog

• make README.md detailed

New Features

• Now the user doesn’t need to select dark theme every time. The website will detect the system preference and accordingly select the theme
• Fixed tooltip visibility (earlier the tooltip was not arranged properly so I removed it and used framermotion to tackle the problem)
• Modified themes, made it more detailed and better
• Added a custom scrollbar (just a thin black scrollbar-thumb)
• Updated README.md file (updated content)
• Reduced mouse size and disabled custom mouse on smaller screens

Changelog

• update README.md
• modify themes
• fix tooltip visibility
• add system theme, remove mouse for smaller screens

New Features

• My aunt didn’t understand those icons in my ‘tech’ section so I added a tooltip!

Changelog

• fix tooltip
• feature: tooltip

New Features

• Added new icons
• Added toolbar
• Added time and date
• Moved the settings to the toolbar
• Now you can reopen closed tabs
• Fixed bugs in the process

Changelog

• bug fix
• bug fix
• checking for bug
• add toolbar functionality
• add new icons

New Features

• Added custom cursor
• Default cursor and a pointer cursor

Changelog

• add custom cursor
• add cursor icon and del dot img

New Features

• THEMES HAVE BEEN ADDED (LIGHT, DARK AND BRUTAL)
• Bug fix

Changelog

• add themes
• bug fix

New Features

• Added a favicon
• Hosted the site on my new domain
• There were lot of problems in the process so it took some of my time.

Changelog

• add favicon
• bug fix
• bug fix
• another bug fix + disable selection

New Features

• Fixed the bug with the help of ChatGPT (it was really annoying)
• Added a loading page (used react-rough-notation)
• Fixed A LOT OF BUGS (AGAIN AND AGAIN) (on smaller screens users weren’t able to scroll so I fixed that thing and after doing that it produced another bug so I had to transfer the “drag” functionality to only the headers of each tab.)
• disabled text selection on all UI elements (enabling it generated more bugs so I had to disable it 😅)

Changelog

• bug fix
• another bug fix + disable selection
• bug fix + loading page
• bug fix
• bug fix
• bug fix

New Featuers

• Added responsiveness

Problems

• Spawning bug still arising due to change in code because of responsive code.

Changelog

• feature: add responsiveness
• bug fix

New Features

• Added pinned projects to the website using GraphQL
• Added GraphQL logo to skills section
• Added new project icons (they look cool to me btw)
• Seperated contact and status section
• Fixed contact section UI
• Fixed another major bug (So earlier tabs were randomly spawned on the page and sometimes they when beyond the viewer’s screen which made it difficult to see. Another one was when clicking the tab, it unexpectedly switched position because of re-render)

Changelog

• bug fix
• fix UI of contact section
• seperate contact and status section
• add new project icons
• add GraphQL to skills section
• add pinned projects

New Features

• Added self-made icons in the contact section of the project
• Added a couple of images in the gallery section
• Fixed a bug, so basically earlier when selecting a tab, it did not get displayed in the foreground and was stuck in the background. So I fixed it such that if you click on a tab, that tab will come in the foreground providing easier visiblity.

Changelog

• add images to gallery section
• fix the foreground bug
• remove previous icons and add new ones

New Features

• Technologies section added
• Custom made icons (Enjoyed making them)
• Considering to replace social media logos with my own hand made logos

Changelog

• feature: add technologies section

New Features

• Added one more game
• Added embed code for the songs
• You can now preview the songs that I like

Changelog

• feature: add one game and add song embeds from spotify
• feature: add more info about the games

New Features

• Added more info about games that I like in the form of a reciept.
• Added easter eggs (QR Codes and Barcodes)

Changelog

• feature: add more info about the games

Phewwwww

Added a bunch of things and had an issue with WakaTime. It did not sync.
I am very thankful that it got synced otherwise it was very difficult to justify a very significant update in my project in just 1 hour 55m.

So, I added more of my fav. things like webseries, games (still working on it), songs.
I’ll be adding more things.

Changelog

• feature: add more fav. things
• feature: add favourite feature
• feature: add contact section and more cards

Finally I thought of a UI with which I am satisfied.
Also added projects section. All the projects are displayed dynamically using the Github API.

This project is not responsive yet.
I will be adding more features now

2 hours in and can’t decide the layout!!!!!
Made 2 layouts, didn’t like them.

I need to do a little research on how to make a brutalist website
Also, I am using framer motion in this project.

Added notifications, fixed a major un-noticed bug
Now user can only fetch once per day and if they visit the website multiple times a day, they will be served cached data from previous fetch. ALSO, added share functionality where the user can share the card through WhatsApp.

Revamped the UI, didn’t feel satisfied with the previous one so…
Also, fixed bugs and added favourites feature

I have more plans but it would take time, and I also need to learn some backend for that.
I hope this project is actually helpful to people.

I worked on a useless project for Borked UI Jam. This is a so-called “chat-bot” that has answers to all the question. Design is not what you see on a daily-basis. This design shows all the anger inside of me in the form of ABSOLUTE CHAOS.

Had to fix the bug ASAP I just realised that I need to ship a project before 2nd January 8PM EST to get free stickers

All I did in this fix was, I stored cache in the local storage and showed that data every time user refreshed. But fetching will be done only once per day.

Worked on UI and also improved the logic. Earlier the website crashed on loading massive data but now it can load 10000 commodities all at once! I also used virtualisation to avoid lag and using high memory of the device. I also improved the UI.

There is still one bug that wehn user reloads, the website crashes on refresh because it loads data only once per day. Although it is not a bug actually, I wrote it intentionally for some other testing purposes. I will correct that code ASAP by tomorrow.

PS- If you test my website now, please DO NOT RELOAD/REFRESH THE WEBSITE.

Worked on functionality part. Added features like search, rate tracking system, filter and react-visualization as it was lagging on fetching over 1000 commodities. That’s it!
Will be adding more features later and then I will work on the designing part.

Started by designing and then re-designing the home page. This is a price-tracking website which tracks price of various commodities like vegetables, seeds, etc. Only valid for India btw.

Wrapped up a small side project today. Nothing huge, but it works, it’s playable, and it does what I wanted it to do.

The idea was simple. I wanted to show short reports and let the user decide whether they’re valid or just vibecoded. Under the hood, it’s basic React state management randomizing data, tracking answers, calculating score, and showing a result screen.

Main focus was:
Clear game flow (start –> play –> result –> restart)
State handling
UI that feels fun instead of a “croporate-website”

I ran into small issues along the way score bugs, undefined states, responsiveness on mobile but fixed them one by one.

It’s a small project,
On to the next drop.

Finally completed the project. Phew!!!

Just added 1 simulation for Biology instead of 3.
I designed UI inspired by Notion.

Here is what I did today:

• Added Responsiveness
• Revamped the UI
• Added 1 Biology simulation
• Added animations
• Uploaded the project to Github
• Deployed the project to Vercel

This is the last dev log for this project.

Chemistry and Physics simulations have been DESTROYED! (completed). I can’t think of Biology simulation but THEN, @cyteon from Slack, suggested evolution simulator. Which is pretty cool BUT I will be working on that tomorrow.

So here is what is by me DESTROYED thus far:

• Chemistry simulations (3 out of 3)
• Physics simulations (3 out of 3)

AND here is what is left:

• Biology simulations (all)
• Changing the UI
• Adding sound effects

Challenges? I feel bio sims are going to be more complex and also I need to revamp the UI so it might take more time tomorrow. HOPEFULLY I complete this project by tomorrow.

I have been working on it for 7 hours and it is like a trial and error since last 3 hours. I am not able to get resources. So far, It is pretty bad.