Skip to content

CropDate is a concept for an agriculture app that provides updates on wholesale crop prices in Trinidad and Tobago.

Notifications You must be signed in to change notification settings

GrandeMan/CropDate

Repository files navigation

CropDate

CropDate is a concept for an agriculture app that provides updates on wholesale crop prices in Trinidad and Tobago. Users can view the prices and volumes of the available crops, they can also favourite crops to view them specifically. The app was inspired by the work of the AGRINETT team.


Goals

Lighthouse Report

Initially, this was going to be a frontend project. I set out to create a web app to showcase my skills as a graphic designer and developer, but the goals changed as the app developed.

Backend Development

During development I thought it would be cool to display graphs of the changes in crop prices and volumes. At the time I was using an API made by the AGRINETT team for another app, this API only provided daily updates so I tried to get in touch with someone from the team, but I didn't get a reply. I felt like omitting the feature altogether, but the app felt unfinished (and I really wanted those graphs) so I decided to give making a server a try. In the end, I learnt about node, typescript, PQL, databases, cron jobs, deploying, and a LOT about debugging; but, most importantly, I got the graphs to work! You can view the server repo to see more.

Look & Feel

I set out to create clean code and a clean aesthetic. I used tailwind to style which is almost like another language if you aren't familiar with it, I enjoyed this part of the process because I could see my project coming together in real-time. I especially paid attention to the animations and the general flow of the app - it had to look good and be responsive.

Accessibility

WAI-ARIA was something that I made a point to apply. I knew what it was but I hadn't applied the knowledge much outside of forms so I saw this as an opportunity to learn how to implement it in a 'real' app.

PWA

This, in my opinion, was essential for the app to be considered a success. Maybe you're in a garden and want to check something on the app, but you're disconnected. It'd be frustrating if you, as a farmer in this case, wanted to view the last update and had to wait until you were next connected to the internet. That isn't an issue here, the app is downloadable and functional when offline.


🔑 Key Takeaways


Patience: I have to be able to be level-headed enough to hit a brick wall and not get frustrated but be analytical.

Flexibility: I shouldn't be too attached to one idea, there are multiple correct answers to a problem. It's my job to find the solutions that work best.

I'm the Problem: Bugs are most likely caused by user error, even if the code looks to be correct and I don't understand why. The problem is most likely tucked away in another file, or the intended outcome and the actual outcome don't line up, which boils down to a lack of understanding.

Minus 10%: Whenever I think I'm a certain percentage completed with a project, I should subtract an extra 10% because there always seems to be something unexpected that comes up.


Built Using

Vite React TailwindCSS Azure

About

CropDate is a concept for an agriculture app that provides updates on wholesale crop prices in Trinidad and Tobago.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published