Group E-Commerce Project for Concordia University
A Category page showing all items within a certain category. A sidebar is included to filter through a number of options.
Cart page with a link to checkout. All quantities can be modified here.
Checkout page to accept user info.
Confirmation page showing the user's order.
Sign-in page using Firebase.
Admin page using firebase to track all customer accounts and their orders.
Navigation page linking to various category pages.
Clone the repo to your local machine using the terminal:
$ git clone [email protected]:andrewbaldwin44/The_Dream_Shop_Group_Project.git
Install the Dependencies:
You will need two terminal instances open to start the app in development mode
In the First Terminal:
- Navigate into the project directory
cd The_Dream_Shop_Group_Project
- Navigate into the server directory
cd server
- Install the required server packages
yarn install
- Start the API development server
yarn start
In the Second Terminal:
- Navigate into the project directory
cd The_Dream_Shop_Group_Project
- Navigate into the client directory
cd client
- Install the required client packages
yarn install
- Start the client development server
yarn start
This will run the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
The Server
A folder is provided, /server
, with the backend code. This is a local server that you will connect to to retrieve/write the data. An API is provided, and documented in server/API_DOCS.md
. You can read this document thoroughly to build an understanding of what the different endpoints are, and how they work.
Frontend:
- React.js
- Redux.js
Backend:
- Node.js
- Express
- Firebase Authentication
- Firebase Realtime Database
👤 Andrew Baldwin 👤 Lucas D'Alessandro 👤 Matthew Cote 👤 Stephanos Criticos
- Github: @andrewbaldwin44
- Github: @lucasd514
- Github: @Matcote
- Github: @criticos123