reportbullyingnow

Inspiration

This year, my school pledged to enhance social good within the school community. One of their main commitments was to tackle bullying after a noticeable rise in the number of bullying cases in my school in 2023. My inspiration for this project came from observing many gaps in this antibullying initiative, as despite efforts from the multiple student leaders in the committee, most cases of bullying still went unreported. Students mainly feared social backlash, pressure from peers and potential negative perceptions from teachers if they spoke up.

What it does

I have created this project that will allow a student to anonymously report a case of bullying to an anti-bullying ambassador or teacher in the school. Students will use their school email (to ensure they are student) to log on to the website, but this email will not be publicly displayed to maintain anonymity. Students who log on to the website can directly send messages to teachers and ambassadors, on the "teacher" account. From the "teacher" account, teachers or anti-bullying ambassadors can reply and give advice to victims/reporters of bullying. If there are trolls, they can be blocked by the teacher account.

How we built it

I built this project by combining knowledge from various tutorials with my own custom code to adapt it to the specific needs of antibullying reporting, allowing me to create a platform that aligns with its intended purpose.

Challenges we ran into

As this is one of my first web development projects, I encountered several errors that were challenging to debug. For example, finding a real-time cloud hosted database that I understood and could easily implement into my project was difficult. The database was essential in storing user details and chat history securely and I was quite relieved when google firebase finally worked. Deploying the application also involved a lot of trial and error before I achieved a successful outcome.

Accomplishments that we're proud of

I am proud to have successfully deployed my first functional application. Apart from this, I believe I have also gained valuable experience in both frontend and backend development. I have also learnt how to store user data securely in a cloud hosted database.

What we learned

Throughout this project, I learned how to deploy a web application and significantly improved my skills in JavaScript. Additionally, I learnt how to store data in a Google database securely, which has been crucial for managing user login details and chat history securely.

What's next for reportbullyingnow

I have presented this project to both the bullying and technology departments at my school, and I am currently awaiting its implementation.

Built With

• css
• googlefirebase
• html
• javascript
• node.js
• react