Stop Cyberhate

Let's put an end to the cyber bullying & cyber hate events


01

Introduction

Stop Cyberhate is a charity platform and users can submit their cyberbullying events to support stop cyberbullying events across the globe.


02

Challenges

World map cluster

Our client’s requirement was to plot the ping on the map in realtime when any of the users submits the cyberbullying event indicating the type of event and the exact location without getting the website refresh. In such a case, the request and response to the server were getting too high.


03

Solution

After getting the requirement from the client, our team has started some research and after making some smart algorithms we did it in the best way to serve the best user experience without making a large number of request and response on the server.

App Features & Screens


04

Cyberbullying events

Stop cyberbullying charity and organization features to allow the user to submit their cyberbullying events with all the details like on type of cyberbullying event, type of social media platform, description of the event along with that, users can upload the screenshots.


05

World map cluster

On the World map cluster the system plot the ping of an event in real time indicating which type of event and where exactly it happened. That makes a seamless feature for the uses to see all the events being added around the globe.


06

Blogs

Blogs, it features different blogs on the Cyberbullying events added by the admin and makes people aware of being cyberbullying events. It also allows the user to share it on other platforms like facebook and twitter to join and aware of cyberbullying events.


07

Listed

This is the informative screen, where user can get the information about like what kind of action can be taken against who has made any cyberbullying attack and listed with the “stopcyberbullying.org”.


08

Support

It allows users to support and donate this charity to run this organization against cyberbullying events. With the stripe payment gateway, it allows the user to make the donation so easy.

Frontend Technology Stack

FFrontend Framework

NextJs

Production grade React applications that scale. The world's leading companies use Next.js to build server-rendered applications, static websites, and more.

FFrontend Design

Antd

An enterprise-class UI design language and React UI library with a set of high-quality React components, one of the best React UI library for enterprises.

LLanguage

JavaScript (JS)

JavaScript (JS) is a lightweight, interpreted, or just-in-time compiled programming language with first-class functions.

Backend and Web Technology Stack

SServer & File Storage

Digital Ocean

DigitalOcean is a simple and robust cloud computing platform, designed for developers

FFrontend Server

Nginx

Nginx is a web server which can also be used as a reverse proxy, load balancer, mail proxy and HTTP cache.

SSMS Service

SMSGlobal

SMSGlobal provides a seamless facility to Send and receive text messages globally.

DDatabase

MongoDB

MongoDB is a cross-platform document-oriented database program. Classified as a NoSQL database program.

BBackend Framework

AdonisJs

AdonisJs is a Node.js web framework with the breath of fresh air and drizzle of elegant syntax on top of it.

PPayment Gateway

Stripe

Stripe is a suite of payment APIs that powers commerce for online businesses of all sizes

CCICD

Gitlab

GitLab is a web-based Git-repository manager with wiki, issue-tracking and CI/CD pipeline features

EEmail Service

Spark Post

Spark Post is Delivering your transactional and marketing emails through the world's largest cloud-based email delivery platform

MMarketing Emails

Mailchimp

MailChimp is a marketing automation platform and an email marketing service.