E-mbakan
Overview
E-mbakan is an online store designed to let farmers sell their products directly to consumers. The goal is to make buying and selling agricultural goods easier, with the potential to be used by the Philippines' Department of Agriculture to remove middlemen. The website allows people to sign up for accounts either as regular shoppers or as merchants. It is built using common web technologies, including React JS for the design, Node JS for the server, and MongoDB for the database.
For shoppers, the website works like a standard online store where they can browse items by tags like crops or poultry. Users can filter products by price or stock, add items to a shopping cart, and check out using a cash-on-delivery payment method. A key feature is that the shopping cart saves items even if the user logs out. Shoppers can also view their past order history and have the option to cancel an order as long as the seller has not confirmed it yet.
Merchants and administrators have access to a specific dashboard to manage the business side of the platform. They can add new products, update inventory levels, and view sales reports to track weekly or monthly income. When orders come in, merchants can confirm them for delivery or cancel them if necessary. The system handles user logins using cookies, though this currently works best on Firefox due to security settings on other browsers while the site is in the testing phase.
Video demonstration courtesy of R. F. Ramos.
Contributions
- Led a development team of 4 in building a full-stack e-commerce web application to connect farmers directly with consumers.
- Managed the entire development cycle including planning, task distribution, UI/UX coordination, and system integration.
- Developed the front end using React.js and Material UI, creating user-friendly interfaces for both customers and merchant users.
- Built backend services using Node.js and Express.js to handle authentication, product management, order workflows, and reporting.
- Designed and maintained a MongoDB database for storing dynamic user, product, and transaction data.
- Implemented session management and handled browser-based cookie limitations for reliable login state retention.