CyberSecurity Knowledge

• 

  Content Page

• 

  Index Page

• 

  Quiz Score Page

• 

  Quiz Page

Inspiration

With the increasing the cyber cases,old people and uneducated people are easily get in the trap.To solve this issue i want to build a website which help people to understand the concept of cyber security easily through quizzes and paragraphs

What it does

It provide these function 1*Resources:-It provides simplified knowledge of cyber in easy language that any one can understand easily. 2Quizzes:-At end of section it provide quiz to test your knowledge and memory to ensure the you learnt the concept very well.
3Easy Interface*:-The interface is very simple and can be access in mobile,desktop and pc easily.

How we built it

I built this project by using React library of javascript along with Chakra UI for styling. Steps I followed to build up this project

Step 1:-create a react app using npx create-react-app cybersecurity. Step2:-install ui library and neccesary libraries like chakra ui and react-dom. Step3:-Deploy the project using surge library

Challenges we ran into

I face many challenges during project like 1.Setting ui proper version of library.React dom library doesn't support Router so i have to install the version@5 of the react-dom to work properly 2.while deploying it is very hard to understand the proper path of index page as i have to rename it to 200.html to use in surge

Accomplishments that we're proud of

Making a educational platform to aware people about cyber crimes

What we learned

I learned many things like how to make a educational app to solve a particular major problem.Along with how to deploy it to real world.Understanding the problem properly and apply my own knowledge to solve it

What's next for CyberSecurity Knowledge

Adding more and more awareness and also create a fun game to make it more interactive and engaging to learn about cyber security

Built With

• chakra-ui
• css3
• node.js
• react