Coder Social home page Coder Social logo

bolu98 / fakebook Goto Github PK

View Code? Open in Web Editor NEW

This project forked from jshepherd97/fakebook

0.0 0.0 0.0 573 KB

Fakebook is a social media education platform, teaching young people how to act responsibly online. This project was the winning submission for the Hack The Midlands 2020 Hackathon!

Home Page: https://fakebook.tech/

HTML 2.02% CSS 13.39% JavaScript 84.59%

fakebook's Introduction

Fakebook - the social media education platform - Hackthemidlands 2020 Winning Project -

This project was our winning submission for the Hack the Midlands 2020 Hackathon and was created by Joseph Shepherd and Bolu Edun.

What is Fakebook?

Fakebook is a social media education platform for young people, which guides users through social media interactions, teaching and testing them on how to act responsibly online - Access at www.Fakebook.tech

Inspiration

We were motivated to create a tool that could be used to help educate kids about social media and cybersecurity, in a fun, engaging and contextual way.

Current cybersecurity education lacks context and is detached from the tools and platforms kids actually use. That is why we wanted to create an interactive, educational experience which looks and feels like a real social media platform. We hope that by doing this, kids will better associate the dangers they are taught about at school with their own experiences.

What it does

Fakebook is an interactive experience which guides users through some common social media interactions and helps them identify dangers on the platform, asking them what they would do and teaching them how best to respond. In some ways, Fakebook is a test of a user's cybersecurity savviness. Once users have completed their educational journey around the platform, we give them access to the live Fakebook site where they can make posts and see posts made by other Fakebook users.

How we built it

React.js: Front end, The entire application is built with React, using state hooks and components to make this a single page application with conditional rendering to make elements dynamic and responsive. HTML/CSS: For webpage structuring and styling, with custom CSS for each individual react component. Firebase: For hosting and database storage of the live site's posts

fakebook's People

Contributors

jshepherd97 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.