Picture of the project hero image and wireframes

Opportunity

1 in 2 local businesses have faced revenue declines of more than 50% due to COVID-19. Local government is rallying citizens to support the local business by purchasing from them instead of e-commerce giants.

Overview

This project is a Vue-based Single Page Application aimed at supporting local businesses by providing a platform for merchants and customers to connect, rate, and manage online shops, featuring integrations with EmailJS, GoogleMaps, NodeJS, and MongoDB. It empowers local commerce amidst COVID-19 challenges, enhancing visibility and operational efficiency for local stores.

Role

Lead Front-End Developer & UI Designer — Frontend Development, UI Design, Vue Integration, API Integration, User Experience Optimization

Timeframe

10/'22 - 11/'22

brightness_1Features
Picture of the wireframe for the get to know your local brands feature

Get to know your local brands

Users can discover and explore the unique and interesting stores and services that are right in their own backyard

Picture of the wireframe for the rate and review orders feature

Rate and review orders

Users can rate and review orders, allowing businesses to learn and adjust to better serve their needs

Picture of the wireframe Track and manage online shop

Track and manage online shop

Users can view their current products on sale and manage anything related to the product from the platform

brightness_1Architecture
Picture of the project architecture and tech stack
brightness_1Design Guide
Picture of the project font design
Vivid Auburn
#942C1F
Copper Red
#D36959
Bright Gray
#EBECEB
Eerie Black
#1E1820
brightness_1Final Product
Picture of the final product
brightness_1Key Takeaways
Picture of the key takeaways from the project
Working with a small team to replicate an E-commerce web application was challenging. Although many of us were using the Vue framework for the first time, I did not want to limit our roadmap based on it and continued to encourage experimentation within the team. I explored and picked up new knowledge of GSAP and SASS preprocessors and deepened my own skillset with Vue.