Skip to content
/ Bazaar Public

[ 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.

Notifications You must be signed in to change notification settings

joe-bor/Bazaar

Repository files navigation

GeneralAssemblyImage

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:
  • 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

My Skills

  • 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

My Skills

  • 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

My Skills

  • 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

About

[ 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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published