Hassad Platform

Hassad is an agri-tech platform that empowers Sudanese farmers by creating a direct, transparent, and efficient digital market for their crops.

Comment 1

Inspiration

The agricultural sector is the backbone of Sudan's economy, yet farmers often face immense challenges. They struggle with a long chain of intermediaries who diminish their profits, a lack of transparent market information, and significant post-harvest losses. This disconnect between the producer and the end-buyer creates inefficiencies that harm everyone.

Hassad Platform was born from a desire to solve this problem. Our inspiration was to create a simple, powerful, and modern digital solution to empower Sudanese farmers. We envisioned a transparent marketplace where a farmer could list their crops and connect directly with exporters, factories, and large consumers, ensuring fair prices and reducing waste. We wanted to build more than just a website; we wanted to build a digital ecosystem for Sudan's agricultural future.

What it does

Hassad is a web-based platform designed to serve three key users in the agricultural value chain:

  • For Farmers: It allows them to easily list their products (like sesame, peanuts, or gum arabic), set their own prices, and specify quantities and quality. This gives them direct access to a national market.
  • For Buyers: It provides a centralized, searchable marketplace to find high-quality crops directly from the source. They can compare prices, view product details, and place purchase orders efficiently.
  • For Warehouse Owners (Future Scope): The platform is designed to eventually include a feature for warehouse owners to list their storage spaces, helping solve the critical issue of post-harvest storage.

The user interface was completely redesigned from an old, basic layout to a modern, intuitive, and responsive experience, making technology accessible to all users, regardless of their technical skills.

How we built it

The Hassad Platform is built entirely with core front-end technologies, making it lightweight, fast, and easy to deploy.

  • HTML5: We used semantic HTML to structure the content logically, ensuring accessibility and good SEO practices.
  • CSS3: For styling, we leveraged modern CSS features like Flexbox and Grid to create a fully responsive layout that looks great on all devices. We also used CSS Variables for easy theming and maintenance.
  • Vanilla JavaScript (ES6): All interactivity is powered by pure JavaScript. We avoided heavy frameworks to keep the project lean. Key JavaScript features include:
    • A Single-Page Application (SPA) feel for navigating between dashboards without page reloads.
    • Dynamic rendering of product lists and user-specific content.
    • Interactive forms for adding products and placing orders.
    • Custom modal pop-ups for a better user experience than native browser alerts.

Challenges we ran into

The main challenge was designing a user experience (UX) that is simple enough for a non-technical user, like a traditional farmer, yet powerful enough for a professional buyer. We had to carefully balance simplicity with functionality. Another challenge was managing the application's state (like the list of products and orders) using only Vanilla JavaScript, which required careful data handling and DOM manipulation to ensure the UI was always in sync with the data.

Accomplishments that we're proud of

We are incredibly proud of transforming the initial basic prototype into a visually appealing and highly functional platform. The new UI/UX is a massive leap forward. We are also proud of building the entire interactive experience with zero external libraries or frameworks, relying solely on the power of native web technologies.

What we learned

This project was a deep dive into the principles of good UI/UX design. We learned how to think from the perspective of different users and design a journey that meets their unique needs. On the technical side, it was a great exercise in mastering DOM manipulation and state management with Vanilla JavaScript.

What's next for Hassad Platform

The journey has just begun. Our future roadmap includes:

  • Developing the Back-End: Connecting the platform to a real database (like Firebase or a Node.js/Express server) to persist data.
  • User Authentication: Building a secure login/signup system for farmers and buyers.
  • Real-Time Chat: Adding a messaging feature for direct negotiation between users.
  • Implementing the Warehouse Module: Fully developing the storage marketplace feature.
Share this project:

Updates