E-trader Community ewaste trading platfrom · · ·

We’re raising awareness and providing insight on the the rise of ewaste in our world today. This platform aims to inform people on how to dispose of ewaste safely and correctly enabling people to take action by reducing their environmental footprint. Users can trade their ewaste for vouchers and dicounts insetivising them to get rid of their ewaste. All the while collectively working towards the following UN Sustainable Development Goals:

Built With

Component	Technology
Frontend	React 17+ and Bootstrap 5+
Backend	Spring Boot 2.4+ and Java 11+
Security	Spring Security and JWT
Auth	Local, Google, and Facebook
Database	MySQL
Persistence	JPA and Hibernate
Client Build	npm
Server Build	Maven
APIs	Google News and UserWay

Getting Started

Prerequisites

• Node.js
• Eclipse or Visual Studio with Spring Tools
• Local MySQL Server

Installation

Local MySQL Server

1. Create a new schema named ggd-unsdg.

Frontend

1. Clone the repo and cd into ggd-app-client.
2. Install NPM packages listed below in 'Required React Modules'

Required React Modules

Module	Command
npm	$ npm install
React jVectorMap	$ npm install react-jvectormap
React Router	$ npm install react-router-dom
Bootstrap	$ npm install react-bootstrap bootstrap
Semantic UI	$ npm install semantic-ui
Material-UI	$ npm install @material-ui/core
@nivo/core	$ npm install @nivo/core
@nivo/bar	$ npm install @nivo/bar
@nivo/line	$ npm install @nivo/line
EmailJS	$ npm install emailjs-com
ReactCardFlip	$ npm install react-card-flip
React Facebook Login	$ npm install react-facebook-login
SweetAlert2	$ npm install sweetalert2 sweetalert2-react-content

Backend

1. Import ggd-app-server into Eclipse or Visual Studio.
2. Amend application.properties accordingly (your server username and password).

spring.datasource.url=jdbc:mysql://localhost:3306/ggd-unsdg
spring.datasource.username=root
spring.datasource.password=toor