Website | GitHub Repo

Inspiration

For this event, I wanted to create something practical and useful for real people, even if it's just a demo. My goal was to make it realistic and applicable to real life.

What It Does

This web application provides easy-to-use tools for farmers and anyone involved in agriculture. Users can check the weather forecast with the built-in weather API, explore land using the Google Maps API, and manage livestock records by entering their names, types, and ages/counts.

How I Built It

I initially planned to use Auth0 for authentication in a mobile app but encountered nuget issues. I then switched to a web app for times sake and used Adobe Express for images and scrapped the Auth0 login. The app is built with HTML, CSS, and JavaScript, connecting to the weather and Google Maps APIs. It's hosted on Google Cloud using Nginx as a web server, with files stored on GitHub and a domain from GoDaddy.

Challenges I Ran Into

Initially, I struggled with mobile app development due to lack of experience and nuget versioning issues. Transitioning to a web app, I faced challenges with APIs, file hierarchy, and configuring Nginx on Google Cloud. Despite these obstacles, my prior web development knowledge helped me move forward and create a functional, simple project.

Accomplishments That I'm Proud Of

I'm proud to have a working website, even if it's simple. The usability is good, and it demonstrates that even with limited time, you can achieve a lot. This project shows the potential of AI and other tools to speed up development, especially when working solo.

What I Learned

I gained a deeper understanding of file hierarchy, proper use of Git, setting up Nginx as a web server, and configuring Google Cloud for hosting.

What's Next for AgSmartHub

The next steps include adding more features, such as a login page using Auth0, and building a SQL database for livestock records. In the future, I plan to develop a mobile app for offline use in rural areas.

Built With

Share this project:

Updates