StuDyGoals Bingo
- Lio Kobayashi
- Kanako Isshiki
- Hazuki Onozuka
- Riko Homma
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.
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.
- Language: HTML, CSS, JS
- Framework: React
- Database: Firebase
-
Node install Download the appropriate version: https://nodejs.org/en/download
-
Confirmation of installation
node --version
npm --version
- Clone this repository
git clone https://github.com/rn-vn/solution-2024.git
- Environment construction
npm install
- Start the server
npm start
Then, runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.
. ├── 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
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent