joe-bor/Bazaar

[ MERN Stack ]Collaborated with 7 people to create a full stack e-commerce web app that let's users create shops and populate them with their products. Allows for uploading images using Cloudinary Js.

General Assembly Group Capstone Project (Donna/Frances Cohort)

• Instructor: Arthur Bernier Jr
• Instructional Assistants: (Donna) Teo Marcelo and Joshua Miller, (Frances) August McConnel and Magnardo Tavarez
• Our Team:
  • Avary Mitchell | github | linkedIn
  • Brendan Mohan | github | linkedIn
  • Hailey Sellars (Scrum Master) | github | linkedIn
  • Jacob Zagorenko | github | linkedIn
  • Jamie Boeing | github | linkedIn
  • Joezari Borlongan (github Tzar) | github | linkedIn
  • Michael Terry | github | linkedIn
  • Nick Daly | github | linkedIn
• Project Scope: Using all of the skills you have gained over the ()span of your Software Engineering Intensive, create a fullstack application that functions like Etsy.

Live Link

• We proudly present our rendition of Etsy:

✨Bazaar✨

SERVICES AND TECHNOLOGIES USED

• digitalOcean: developer-ready site hosting service
• cloudinary: online image hosting api
• mongoDb: backend database for storing user, shop, item, category, review, and order documents
• favicon: design a website's 'thumbnail' tab image

DEPENDENCIES

• bcrypt: Password encryption
• cloudinary: Image hosting api
• cors: Cross-origin request handler
• dotenv: Processes .env variables
• express: manages http server/connects frontend application with backend api
• express-fileupload: middleware that enables file uploads (used with cloudinary to host uploaded images)
• jsonwebtoken: enables jwt authentication
• mongoose: creates models for backend documents
• morgan: http request logger
• serve-favicon: enables personalized thumbnail favicons to be used in browser tab

DEV DEPENDENCIES

• auto-prefixer: automatically adds CSS prefixes
• babel: translates between jsx and es5 or es6
• bootstrap: frontend framework
• browser-sync: live css reload for ease in styling
• gulp: task optimizer
• react: state-based frontend development tool
• react-router-dom: enables page routing in react applications
• sass: modulated stylesheets
• webpack: compiles modules to be served in the browser

ERD

USER STORIES

• Click here to view our user stories.

TASKS

• Click here to see the division of tasks.

WIREFRAMES

Home Page	Shop Page	Seller Shop Page

Item Detail Page	Cart Page	Checkout Page

Order History Page	User Profile Page	Favorites Page

Shop Management Page

Google Slides