Skip to content

A full stack e-commerce app. It's a group project, completed as part of the Concordia University Web Development Bootcamp.

Notifications You must be signed in to change notification settings

LukeHayesss/project-GROUP-e-commerce

Repository files navigation

Group E-Commerce Project

This was a group project with three other students during the Concordia Web Development Bootcamp. We had to build a fully-functioning E-Commerce site, including the following features-

  • built with React.Js, with the server side handled by Node.js. Styling handled by styled-components
  • add products to cart and checkout; receive confirmation after checkout, and check your order number on the check order page to verify your order details
  • user can filter the shop based on category
  • as we track inventory, user can only add as much of each product to their cart as we currently have in stock
  • the cart is a hover modal that pops out. User can remove/increase/decrease the number of items in the cart

The Team

Luke Hayes Jordan Dere Marwa Ayash Aykut Anlsby

Screenshots

Item Detail Page

group project item detail

Cart Page

group project checkout cart

Checkout Page

group project checkout

The Full Store Page

group project all store (1)

Order Confirmed

group project confirmed

Homepage

group project home page

Wearables E-Commerce Project

You will make use of everything that you have learned thus far in the bootcamp to build an e-commerce app that will showcase all of the provided wearables items.

The stack is React.Js, Node.Js, and styled-components.

Your node server should be RESTful and follow REST principles, at least to the extent we learned during the bootcamp.


✋ You CANNOT use any external UI libraries, including, but not limited to, Material UI, Bootstrap to style your project!


Getting Started

You have your assignment and your team. What should you do first? This will vary for every team, and even every team member.

The important thing is to NOT just jump in and start coding!

There probably shouldn't be any coding until very near the end of the first day.

Meet your Product Manager!

Each team has been assigned a product manager. This person is in charge of answering questions, guiding you and basically preventing everything from falling apart!

This person should be present for some of your team meetings, but not all. PMs are super busy people and have multiple projects/people to manage. 😉

Planning

  1. You will break into groups (with your assigned PM.)
  2. Your PM will answer any initial questions, and give you more information, as required.
  3. Breakout into a separate meeting with just your team. Your PM will bounce from team to team to make sure you're on track.
  4. Time to use the Kickoff Meeting Agenda

First team meeting

It could also be a good/fun idea to give yourselves an original team name. :)

Your first team meeting should start with the Kickoff Meeting Agenda.

Successful Software Project Delivery in 10 Steps.

💡 How a project starts is indicative of how it will end.

Teamwork

The most important aspect of this project is the ability to work in a team. No matter your contribution to the project, you should understand the FULL codebase. This will require that you

  • Review each other's code.
  • Ask questions when you don't understand.
  • Comment your code extensively. Always go for clarity over brevity.
  • Communicate with your team.

Updating GitHub

See the Step by Step Document

Project Guidelines

You can see the guidelines here

Presentation

Your team will have to present the final product on the final day in order to get a passing grade. Who will draw the short straw?

  • The presentation shouldn't be more than 5 mintues long.

About

A full stack e-commerce app. It's a group project, completed as part of the Concordia University Web Development Bootcamp.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published