StreeVendors

Overview

StreeVendors is a social impact marketplace developed during the SheBuilds Hackathon 2023, where our 4-member team designed, developed, and delivered a fully functional web application within 36 hours. The project was recognized with a Special Mention for its innovation, technical implementation, and meaningful social impact.

The platform empowers women-owned local businesses by providing them with a digital marketplace to showcase their products and connect with customers who actively support local entrepreneurs. Rather than building just another e-commerce platform, our goal was to create technology that promotes financial independence and increases the visibility of women-led businesses.

To deliver a polished MVP within the hackathon timeframe, we combined a modern React frontend with Appwrite's Backend-as-a-Service capabilities, enabling us to focus on creating an engaging user experience while minimizing backend complexity.

Hackathon Achievement

• 🏆 Awarded Special Mention at SheBuilds Hackathon 2023
• 👥 Developed collaboratively by a 4-member team
• ⏱️ Designed, developed, tested, and presented within 36 hours
• 💡 Built around the mission of empowering women entrepreneurs through technology

Key Features

Core Features

• Women-Owned Business Marketplace — Dedicated platform for women entrepreneurs to register and showcase their businesses.
• Secure Authentication — User registration and login powered by Appwrite Authentication.
• Business Registration Workflow — Simple onboarding process for vendors to list and manage their stores.
• Responsive User Interface — Mobile-first experience built with React.js and Tailwind CSS.
• Modern UI Design — Clean, intuitive interface focused on accessibility and ease of use.
• Rapid MVP Development — Successfully delivered a production-ready prototype within the hackathon deadline.

Tech Stack

Frontend

• React.js
• JavaScript
• Tailwind CSS
• HTML5

Backend & Services

• Appwrite Authentication
• Appwrite Database

Deployment

• Vercel

Architecture

To maximize development speed during the hackathon, we adopted a lightweight client-service architecture. React handled the frontend, while Appwrite provided authentication and backend services, allowing the team to focus on delivering features rather than building backend infrastructure from scratch.

                User
                  │
                  ▼
          React Frontend
                  │
                  ▼
      Appwrite Authentication
                  │
                  ▼
         Appwrite Database
                  │
                  ▼
        Store & User Management

Major Challenges

Building a Complete Product Within 36 Hours

The primary challenge was transforming an idea into a polished and functional MVP while working under the strict 36-hour hackathon deadline.

Solution

The team divided responsibilities across frontend development, authentication, UI/UX, and application development. Modular component development and continuous collaboration allowed multiple features to be developed simultaneously, enabling us to deliver a complete solution before submission.

Creating an Accessible Marketplace

The application needed to provide a simple experience for both business owners registering their stores and customers discovering local vendors.

Solution

Designed reusable React components with Tailwind CSS, ensuring responsive layouts, intuitive navigation, and an easy onboarding experience across devices.

Implementing Secure User Authentication

Providing a secure authentication system without spending significant development time on backend implementation was essential.

Solution

Leveraged Appwrite Authentication to manage user registration, login, sessions, and authentication flows, allowing the team to focus on application functionality.

Performance Optimizations

• Leveraged Appwrite Backend-as-a-Service to eliminate backend infrastructure setup.
• Built reusable React components to enable parallel team development.
• Used Tailwind CSS for lightweight, maintainable styling.
• Optimized responsive layouts for mobile, tablet, and desktop devices.
• Reduced development overhead by integrating managed authentication services.
• Designed modular components for easier maintenance and future scalability.

Security

• Secure authentication powered by Appwrite.
• Managed user sessions.
• Client-side form validation.
• Secure handling of user credentials through managed authentication services.
• Protected routes accessible only to authenticated users.

Future Improvements

• Product catalog and inventory management.
• Shopping cart and online checkout.
• Payment gateway integration.
• Customer reviews and ratings.
• Vendor analytics dashboard.
• Geolocation-based nearby vendor discovery.
• Product recommendations.
• Order tracking and notifications.
• Admin dashboard for vendor verification and moderation.

What I Learned

• Building production-ready MVPs under extreme time constraints.
• Collaborating effectively within a 4-member Agile development team.
• Integrating Appwrite as a Backend-as-aService (BaaS).
• Designing scalable React applications using reusable components.
• Building responsive interfaces with Tailwind CSS.
• Prioritizing high-impact features within limited development time.
• Improving communication, planning, and task distribution during competitive hackathons.
• Balancing technical implementation with user experience to deliver a polished product within a short development cycle.