Building FertKnowledge - Part 2
Making incremental changes to FertKnowledge
Published
โข2 min read
Story so far
- โ Building FertKnowledge in public to learn and how to build & operate a SaaS offering
- โ Got a functional website up and running at https://fertknowledge.vercel.app/
- โ Code at https://github.com/jags14385/fertknowledge
Features
Made the following changes :
- ๐งฐ Added a tag line to make it sound fancy ๐ฅ๐ฅ๐ฅ
- ๐งฐ Updated the favicon ๐ฝ๐ฝ๐ฝ
- ๐งฐ learnt how to update the default favicon
- ๐งฐ Made changes to the graphQL query to get info for
- ๐งฐ chemical group of the active constituent in the fertilizer
- ๐งฐ constituent code of the active constituent in the fertilizer
- ๐งฐ constituent name of the active constituent in the fertilizer
- ๐งฐ Updated the UI to render the extra details that were queried
- ๐งฐ Removed the search Button and updated the search on change for more than 2 characters
Takeaways
- ๐ Learnt how to make changes incremental changes to UI
- ๐ How render arrays in React
- ๐ How to update favicon
- ๐ Figured out what the UI lacks:
- ๐ง Spinner to show loading / data fetching state
- ๐ง Better CSS and animations
- ๐ง Website is not responsive
- ๐ง Automated data pipeline to data population
- ๐ง Server side and client side caching
- ๐ง Monitoring
- ๐ง Sentry integration is lacking
- ๐ง Tests : Unit, integration and Visual
- ๐ง No Auth flow in UI yet
- ๐ง CI pipeline
- Have CD already via Vercel, Heroku & Hasura cloud




