Saral Rates banner

Saral Rates

19 devlogs
47h 32m 19s

Saral Rates is a website for traders and farmers to check prices of different commodities published by the Indian Government daily. Valid for Indian users only. Useful for traders and farmers so that the middleman doesn’t scam you.

This project uses AI

As this is my first major project, there are a lot of bugs so, I used ChatGPT for that. I also used AI for some backend stuff not heavily tho.

Demo Repository

Loading README...

Shish

(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

Attachment
Attachment
Attachment
0
Shish

(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
Attachment
Attachment
0
Shish

(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

Attachment
Attachment
Attachment
1

Comments

Shish
Shish about 13 hours ago

It’s (v0.4.0-alpha)

Shish

(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

Attachment
Attachment
0
Shish

(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

Attachment
Attachment
0
Shish

(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

Attachment
Attachment
0
Shish

(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

Attachment
Attachment
Attachment
0
Shish

(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

Attachment
0
Shish

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


Attachment
0
Shish

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


Attachment
Attachment
0
Shish

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.

Attachment
Attachment
Attachment
2

Comments

ScrapMetal1
ScrapMetal1 about 2 months ago

Very clean UI. Are you using flutter?

Shish
Shish about 2 months ago

Thank you! I am using tailwindcss

Shish

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.

Attachment
Attachment
Attachment
Attachment
Attachment
Attachment
0
Shish

Shipped this project!

Hours: 11.84
Cookies: 🍪 296
Multiplier: 24.95 cookies/hr

I got this idea from flavortown’s website only. It suggested me a potato price tracker but then I thought prices of commodities and making it for traders and farmers would be more cooler. I am soon going to pitch this website to them. Once things go well I’ll add google adsense to it hopefully.

I learnt (basically practiced) calling and using API and it’s data. Learnt that there is something (an algorithm to reduce memory usage while loading data) that prevents page from crashing when we load many items all at once (I am talking about virtualisation).

That’s all!

Shish

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.

Attachment
Attachment
2

Comments

Ramansh
Ramansh 2 months ago

what provider are you using?

Shish
Shish 2 months ago

I am getting data from data.gov.in

Shish

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.

Attachment
Attachment
0
Shish

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.

Attachment
Attachment
0
Shish

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.

Attachment
0