Babylon

The concept for this project was to create an e-commerce platform for brands, influencers and sellers that is open source and offers a valuable resource for the dev community interested in building an full-stack e-commerce app with trending and state-of-the-art technologies.
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents

1. About The Project
   • User story
   • Built With
2. Getting Started
   • Installation
   • Prerequisites
3. npm dependencies
4. Contributing
5. License
6. Contact
7. Acknowledgments

About The Project

Through a combination of an exceptional concept with great technological delivery through industry standard tools, the ebabylon app was created to meet the demand and maintain an ethos that bares close relation to that of popular shopping brands.

(back to top)

User Story - General

• WHEN I land in the page, THEN I’m presented with a Carousel with featured product and a navigation bar.
• WHEN I press login, THEN I’m presented with a login page, asking me to log in or to sign up.
• WHEN I press sign up, THEN I’m taken to a sign up page to insert my info. I can choose to sign up as ‘brand’, ‘influencer’ or ‘buyer’.
• WHEN I enter my information, THEN I’m taken to either the main page or to the Dashboard (if I’m signing up as a seller).

User Story - Brand

• WHEN I land in my Dashboard, I’m presented with options to add new product and to manage the products under my brand.
• WHEN I land in items page, THEN I can browse the items and view my product as a user.

User Story - User

• WHEN I land on the items page, THEN I’m presented with all the products
• WHEN I view each products, THEN I’m presented with all data related to the products and highlighted info.
• WHEN I interact with filters and sorters, THEN I’m presented with items that fall in the criteria.
• WHEN I click the like button , THEN this item is added to my favorite.
• WHEN I navigate to my favorite button , THEN I’m taken to a page to view all the items that I’ve saved
• WHEN I click into each item, THEN I’m taken to the page of that item
• WHEN I click ‘Add to Cart’, THEN the item will be added to my cart and the cart data will persist throughout the session
• WHEN I click ‘+’ or ‘-’, THEN the I can change the amount of item I wish to purchase
• WHEN I click ‘Checkout’ button, THEN I’m taken to the checkout page and payment page.

Built With

• React
• GraphQL
• Apollo GraphQL
• Stripe
• Express
• Cloudinary
• Filepond
• Heroku

(back to top)

Getting Started

Installation

0. Run deployed app at: https://ebabylon.herokuapp.com/
1. Clone the repo

   git clone git@github.com:moedaaboul/babylon.git

2. Install NPM packages

   npm i

3. Download and configure MySQL https://www.mysql.com/

Prerequisites

Install all necessary dependencies by executing:

npm i

Dependencies

const express = require('express');
const sequelize = require('./config/connection');
const exphbs = require('express-handlebars');
const path = require('path');
const session = require('express-session');
const helpers = require('./utils/helpers');
const SequelizeStore = require('connect-session-sequelize')(session.Store);

(back to top)

Contributing

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

(back to top)

Hosting

Project	Babylon URL
Babylon	https://ebabylon.herokuapp.com/

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Contact

Muhammad Daaboul

Heran Yang

Vienna Borowska

Iler Watson

(back to top)

Acknowledgments

• Express
• MongoDB
• Mongoose
• Mui
• Filepond
• Cloudinary
• Heroku

(back to top)