what's this?
This is darplants' website (www.darhh.com) created by myself, darhh! I decided to built a website for my small plant business on Instagram. It was a great experience learning new frameworks, problem-solving, and designing and styling the website!
Languages I used
- Typescript
- Javascript (just a hint of)
Frameworks I learnt and used
- Next.js
- TailwindCSS
- React
APIs I used
- Instagram's graph API
Acted as my ‘database,’ where I fetch my plants. Since I was already operating on Instagram and planned to continue doing so, it streamlined the process of releasing plants, as I only had to upload to Instagram.
- (attempted) genai and gemini API
Tried to automate plant care guides and descriptions by querying GenAI/Gemini for each respective plant. It worked, but I removed it as both models required payment to continue. It also didn’t make sense to pay for queries each time the page loaded.
Useful resources I used that helped the development process
Helped me find matching/contrasting colors for the website, keep track of my color palette, and shades of a particular color.
Helped me find nice fonts that suit the theme of the website.
To learn styling with tailwindcss as it was new to me.
To refer to some HTML syntax.
To recap React syntax, used the least.
Programs that I used
- Git and Github
Of course...
- Sourcetree
To help manage git better (commits, pushes, etc)
- Cloudfare
For domain name and security when hosting website.
- Vercel
Next.js' free hosting service (thank you!).
Overall, I learned a lot and have future plans to continue learning and building new things for the website. Stay tuned!