Trade Easy – Full Stack Application

Git Hub Repo

Click here

Overview

Trade easy, project, logo

This group project was apart of my level 6 Web Development and UX design course. We were tasked to create a full-stack web application that allowed a community of user to be able to buy and sell things. This project was created over the level 4 Covid-19 lockdown in New Zealand with collaboration with group members over daily zoom sessions. We implemented an agile development environment with daily stand up meetings discussing what went well the previous day, what didn’t and what work needed to be done by the following meeting. This website has been optimised for a myriad of viewport widths, meaning that it scales perfectly to any sized device.

Information Architecture

Object Diagram for MongoDB

Trade-easy object diagram for mongoDB

Prototyping

The prototyping for this project was carried out as a team effort. We worked on a few screens each and revisited and updated the design over a couple of days to get our market app looking the way we wanted.

Desktop Figma

Trade-easy desktop FIGMA wireframes

Mobile Figma

Trade easy's mobile wire frame made using figma

Production Tools Used

MongoDB
Node Packet Manager
Node JS
Grunt
Figma
HTML 5
CSS 3
Bootstrap 4
JavaScript & JQuery