SUKMA is a website in the field of education that contains education about bullying. We created this website with the purposed of increasing youth awareness of the high number of bullying that is very prevalent, especially of education in Indonesia. The unique thing about the SUKMA website is that educational content is presented in the Flashcard feature which users can later save and delete, because we focus on target users who are teenagers aged 12 -17 years, so they will not feel bored when using our website. Of course, we hope that with the launch of SUKMA we can increase awareness to many people and can reduce the number of bullying in Indonesia, especially in education. This website was originally created by the Sukma Team FE_ED8 with the mentor Dion Edo Fananie which consists of:
- Erryck Norrys (KM_G2FE3068)
- Luthfiah Ananda Putri (KM_G2FE6240)
- Nahrul Khayatullah (KM_G2FE3027)
- Shafa Salsabila Pribadi (KM_G2FE4040)
- Merina (KM_G2FE5287) (Tidak Berkontribusi dalam Capstone Project)
- We hoped that the launch of the SUKMA website can prevent and reduce the number of bullying in Indonesia carried out by school-age children.
- Give more insight to school-age children about bullying in the school environment, to victims, and ways to reduce the number of bullying.
- Can be a safe place for victims and can help those who may be experiencing bullying or those who are trying to escape bullying.
- User Login and Logout Features
- Flashcard feature which contains education about bullying, there are 4 categories of bullying
- Favorite or save flashcard feature
- Delete flashcard feature
- Profile feature, displays user profiles and any flashcards that are stored and can be deleted
- Homepage feature that displays categories regarding the 4 themes of bullying that we raise, how to prevent and how to reduce bullying at school
- The category navbar feature where we can directly select a reading category without having to scroll through the page.
- React Js
- Firebase
- Local Storage
- Boostrap & MUI Library
- Flex & Grid
- Hooks
- Typescripts
- Testing
- Eslint
You can just click this link (link) and login, after that you can try to run the program without having to install anything.
- Download this github sourcecode, you can download with zip
- Open the sourcode with visual studio code or with another editor
- Instal and download the required package you can see in the package.json file what packages needs to be installed
- After done installed the package, klik terminal and type npm start
- Your program will run in your laptop
This script will help you install the package and run it directly
or
Open http://localhost:3000 to view it in your browser.