MghalyRmdn/Blanja_React_APP

Blanja using React js

Blanja Web

Contents

• Description
• Features
• Requirements
• Installation
• Screenshoots
• Demo Blanja Web
• Related Project

Description

Blanja Web is a web-based e-commerce application that allows buyers to order products of their choice. Consists of 2 types of users, namely buyers and sellers.

Features

• Order product
• History transaction
• Add product (sellers only)
• Chat
• Edit profile
• Reset Password
• etc

Requirements for Development

• Node Js
• npm
• ReactJs
• Blanja Backend

Installation for Development

1. Open your terminal or command prompt
2. Type git clone https://github.com/MghalyRmdn/Blanja_React_APP.git
3. Open the folder and type npm install for install dependencies
4. Create file .env in root directory with the following contents :

REACT_APP_API_URL = "http://host_backend:port_backend"
REACT_APP_SOCKET_URL = "http://host_backend:port_socket"
REACT_APP_WEB_URL = "http://host_frontend:port_frontend"

Example :

• http://host_backend:port_backend is http://localhost:8000
• http://host_backend:port_socket is http://localhost:8001
• http://host_frontend:port_frontend is http://localhost:3000

so, you can write in .env file like this :

REACT_APP_API_URL = "http://localhost:8000"
REACT_APP_SOCKET_URL = "http://localhost:8001"
REACT_APP_WEB_URL = "http://localhost:3000"

5. Before run this, you must installation backend and then run backend
6. Type npm start in terminal for running this project.
7. If you want to build, type npm run build.

Screenshoots

Demo Blanja Web

This is Blanja Web build version, let's try it.

Related Project

RESTful API for this web application, clone this for development Blanja Web.