E-Commerce System - Soteria

Project Type: Web Development & Design

Role: Web Developer and UI/UX Designer

Collaborators: Mofiyinfoluwa Adebayo (Product Manager), Ngwa Eden (Software Engineer)

Duration: 4 Months

The small-scale business sector lacks the adequate support it needs to thrive. The American University of Nigeria (AUN) student entrepreneurs are inclusive and need guidance and support to become masters of their trade. As a result of this, "Soteria" was born. This is a web-based application that will list all of the vendors in AUN on one platform for all members of the AUN community to see. In terms of businesses, it will give them the visibility they lack and gain more than they previously had. Customers also benefit from having a more comprehensive range of high-quality items and pricing to choose from and having more accessible access to local vendors.

  • Navigating entrepreneurship is challenging; small business owners often face uncertainty and abrupt closures. Prospective entrepreneurs require experience to navigate this dynamic market, shaped by factors like competition and evolving consumer needs. To address rapid business closures and foster growth, this web application tackles issues such as enhancing product visibility, facilitating face-to-face transactions, and mitigating the high risks associated with entrepreneurship. By offering solutions to these challenges, it aims to empower business owners, create opportunities, and contribute to poverty alleviation.

  • To develop a web-based application that will connect vendors in AUN to members of the AUN community, the objectives of this project are listed below:

    1. To increase the sales and profit of vendors through improved visibility.

    2. To provide a variety of quality products and prices for better choices.

    3. To give members of the AUN community easy access to vendors within the community.

    4. To give unsuccessful small business owners a means to generate capital to start up another, more profitable business.

  • In implementing this project, we meticulously outlined functional, non-functional, and hardware requirements to establish a comprehensive foundation. Leveraging a hybrid approach, we seamlessly integrated Agile and Waterfall methodologies to ensure adaptability and structured progress. Our methodology included the careful design of use cases and ER diagrams, allowing us to articulate the system's functionalities and structure. Furthermore, we systematically defined key features, creating a robust framework. The process advanced with the meticulous wireframing of the proposed system, providing a visual blueprint for our objectives. Subsequently, we translated these designs into reality through thoughtful coding and system development.

Soteria thrived on a balanced integration of functional, non-functional, and hardware requirements. The functional requirements dictated core system functionalities, while non-functional elements addressed performance, usability, and security. Concurrently, meticulously defined hardware requirements optimized the system's technical capabilities. This cohesive approach not only guided our development roadmap but also underscored our commitment to thorough and effective project planning.

Requirements

  • The buyers on this website are the people who are currently searching for vendors to purchase a product or service. The buyers should have the ability to perform the following activities on the website:

    1. Filter Product List

    2. Filter Business List

    3. Rate Transactions

    4. Leave Review

    The sellers on this website are the people or individuals with small businesses who put-up profiles to either sell their products or render services. A seller or vendor should be able to perform the following functionalities:

    1. Register

    2. Delete Account

    3. Upload Photos and Videos

    4. Update Prices

  • PERFORMANCE REQUIREMENTS

    1. The system must handle a significant amount of data from users and the database system without slowing down.

    2. The system should have a minimum downtime of approximately 1% daily.

    SAFETY AND SECURITY REQUIREMENTS

    1. The application and website should utilize a safe and secure database to function correctly. This database will possess encrypted files from the server.

    2. Users should only be able to access and control their accounts.

    3. We will use HTTPS (Hypertext Transfer Protocol Secure) to secure the data transferred between the web server and the website.

    4. Users will be required and restricted to sign in using their registered AUN email addresses to limit access and maintain security.

    ERROR HANDLING

    1. The program will handle errors efficiently using some error detection and correction codes. We will include these codes in the back end of the program.

    1. Operating system- We will use a server once this project is fully deployed. However, Windows 10 is used as the operating system to run the demo as it is stable, supports more features, and is more user-friendly.

    2. Database- The database to be used is MySQL, which is very secure.

    3. Development Tool- GitHub and Stack Overflow.

  • Intel Core i7 7th generation is used as a processor. This processor offers a large amount of space and operates very fast. The RAM required is 8GB with an SSD (Solid State Drive) of 512GB.

We prioritized clarity and precision by curating essential visual representations before system development. This included a comprehensive Use Case Diagram for system functionalities, an Entity-Relationship Diagram for structural insights, a Domain Mapping Diagram for holistic understanding, and strategic wireframes for visualizing the system layout. These meticulous steps ensured a well-defined foundation, aligning our vision and objectives with tangible design models, crucial for the subsequent smooth development of the system.

Design Models

Use Case Diagram of the Proposed System

Entity-Relationship Diagram of the proposed System

Wireframes of the Proposed System

Home Page Wireframe

Login Wireframe

User Wireframe

Project Demo

After meticulous planning and crafting of design models, we seamlessly transitioned to the development phase. Armed with a clear vision and a well-defined foundation, we embarked on the final stages of creating the system. The careful consideration of these design models proved invaluable, ensuring a harmonious alignment between our initial concepts and the ultimate realization of the system. This meticulous process allowed us to navigate the development phase with precision, resulting in a robust and effective final system that met both user needs and project objectives.

Front-End (User & Vendor View)

Home Screen

Login Screen

Shopping Cart

Registered User Dashboard

User Registration Screen

Search by Shop (Category)

Vendor Page/Profile

Contact Us Screen

Vendor Registration Screen

Search by Product (Category)

Back-End (Admin View)

Vendor Dashboard

List of Vendors

List of Approved Vendors

List of Pending Vendors

Conclusion

Soteria is currently a scalable product that aims to address and tackle the issues that plague existing systems by reducing the competition small businesses face when using an e-commerce platform to publicize their business. This promises to give online shoppers an added convenience and security feature. This is done by connecting users with legitimate and approved businesses nearby. Soteria helps its users cut costs involved in delivery fees while also avoiding the plague of a delayed response system and image deception.

Next →
← Previous