Skip to main content

Command Palette

Search for a command to run...

Building FertKnowledge - Part 2

Making incremental changes to FertKnowledge

Published
โ€ข2 min read
Building FertKnowledge - Part 2

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
Building FertKnowledge - Part 2