We’re raising awareness and providing insight on the different types of pollution, climate-related hazards, land degradation, and natural disasters that are affecting various regions of the world, enabling people to take action by reducing their environmental footprint. Users can track and monitor their statistics with a personalised account and access reliable data and news sources through various mediums. All the while collectively working towards the following UN Sustainable Development Goals:

| 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 |
- Node.js
- Eclipse or Visual Studio with Spring Tools
- Local MySQL Server
- Create a new schema named
ggd-unsdg.
- Get your API KEY at Google News.
- Clone the repo and
cdinto ggd-app-client. - Install NPM packages listed below in 'Required React Modules'
- Enter your API in
Constants.js
export const NEWS_API_KEY = 'ENTER YOUR API'| 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 |
- Import ggd-app-server into Eclipse or Visual Studio.
- Amend
application.propertiesaccordingly (your server username and password).
spring.datasource.url=jdbc:mysql://localhost:3306/ggd-unsdg
spring.datasource.username=root
spring.datasource.password=toor- Rozerin
- Keeley
- Marcos
- Elroy
- Rishi
- Abdulaziz
- Gan
- Cyrus
- We extend our utmost thanks to Nayna.



