Solution Challenge 2024 - Chuo University

StuDyGoals Bingo

Members

• Lio Kobayashi
• Kanako Isshiki
• Hazuki Onozuka
• Riko Homma

StuDyGoals Bingo

This application is designed to help you better understand the SDG goals.

Specifically, through bingo games, users can deepen their understanding and take concrete actions toward a sustainable society.

SDGs 4: Quality Education

In particular, we want to approach Target 4.7 - By 2030, ensure that all learners have the knowledge and skills necessary to promote sustainable development.

Our app can be used by young and old alike to solve SDG 4 Quality Education for All. By playing bingo, people can think and learn about contributions to the SDGs that they can make in their daily lives.

Environments

• Language: HTML, CSS, JS
• Framework: React
• Database: Firebase

How to start

1. Node install Download the appropriate version: https://nodejs.org/en/download

2. Confirmation of installation

   node --version
   npm --version

3. Clone this repository

   git clone https://github.com/rn-vn/solution-2024.git

4. Environment construction

   npm install

5. Start the server

   npm start

Then, runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

Directory Structure

.
├── public
│   ├── images
│   │   ├── SDGs1logo.svg
│   │   ├── SDGs2logo.svg
│   │   ├── SDGs3logo.svg
│   │   ├── SDGs4logo.svg
│   │   ├── SDGs5logo.svg
│   │   ├── SDGs6logo.svg
│   │   ├── SDGs7logo.svg
│   │   ├── SDGs8logo.svg
│   │   ├── SDGs9logo.svg
│   │   ├── SDGs10logo.svg
│   │   ├── SDGs11logo.svg
│   │   ├── SDGs12logo.svg
│   │   ├── SDGs13logo.svg
│   │   ├── SDGs14logo.svg
│   │   ├── SDGs15logo.svg
│   │   ├── SDGs16logo.svg
│   │   └── SDGs17logo.svg
│   ├── 404.html
│   ├── index.html
│   └── manifest.json
├── src
│   ├── components
│   │   ├── fonts
│   │   │   ├── TsukimiRounded-Medium.ttf
│   │   │   ├── TsukimiRounded-Regular.ttf
│   │   │   └── TsukimiRounded-SemiBold.ttf
│   │   ├── images
│   │   │   ├── Accountinfo-icon.svg
│   │   │   ├── BacktoHome-icon.svg
│   │   │   ├── bingo1.svg
│   │   │   ├── bingo2.svg
│   │   │   ├── bingo3.svg
│   │   │   ├── bingo4.svg
│   │   │   ├── bingo5.svg
│   │   │   ├── bingo6.svg
│   │   │   ├── bingo7.svg
│   │   │   ├── bingo8.svg
│   │   │   ├── bingo9.svg
│   │   │   ├── bingoclear.svg
│   │   │   ├── bingotitle.svg
│   │   │   ├── complete.svg
│   │   │   ├── delete-icon.svg
│   │   │   ├── HowtoPlay-icon.svg
│   │   │   ├── learning-logo.png
│   │   │   ├── Star1.svg
│   │   │   └── StudySDGs-icon.svg
│   │   ├── Bingo.css
│   │   ├── Bingo.js
│   │   ├── CheckBingo.js
│   │   ├── CreateDB.js
│   │   ├── CurrentDate.css
│   │   ├── CurrentDate.js
│   │   ├── Goals.js
│   │   ├── HomeBingo.css
│   │   ├── HomeBingo.js
│   │   ├── HomeFotter.css
│   │   ├── HomeFotter.js
│   │   ├── Howtoplay.css
│   │   ├── Howtoplay.js
│   │   ├── Learning.css
│   │   ├── Learning.js
│   │   ├── Login.js
│   │   ├── LoginRegister.css
│   │   ├── Mypage.css
│   │   ├── Mypage.js
│   │   ├── Register.js
│   │   └── SettingUrl.js
│   ├── App.css
│   ├── App.js
│   ├── FirebaseConfig.js
│   ├── index.css
│   ├── index.js
│   └── normalize.css
├── .gitignore
├── package-lock.json
├── package.json
└── README.md