Skip to main content

Command Palette

Search for a command to run...

Building FertKnowledge - Part 2

Making incremental changes to FertKnowledge

Updated
2 min read
Building FertKnowledge - Part 2
J

I am Senior Test Automation Engineer, who is interested in Open Source & Quality at scale.

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