Fun Shop

• Maintained by: Jason Kim

Description

A full stack Node.js and React e-commerce application.

Live Demo

https://funshop.jsonkim.com/

Features

1. User can view new arrival items.
2. User can view most popular items for sale.
3. User can view details of a product.
4. User can add products to the shopping cart.
5. User can view products in the shopping cart.
6. User can place an order.

Technologies Used

• CSS3
• JavaScript (ES6)
• React.js
• Node.js
• Express
• PostgreSQL
• webpack
• babel
• Bootstrap 4
• AWS EC2

Getting Started

1. Clone the repository and navigate to the directory

git clone https://github.com/jasonkim-jk/fun-shop.git
cd fun-shop

2. Install all dependencies

npm install

3. Make a .env file and customize its settings

PORT=3001
DEV_SERVER_PORT=3000
DATABASE_URL=postgres://{user}:{password}@localhost/{database-name}
SESSION_SECRET=secret

4. Start PostgreSQL and Import existing database

sudo service postgresql start
createdb {database-name}
npm run db:import

5. Compile project

npm run dev

6. Access application by entering https://localhost:3000 in the browser.

Preview

• Device: Desktop / Browser: Chrome

• Device: Mobile / Mode: Portrait / Browser: Chrome