About the Project: Cyber Sentinel Guide

Our project, Cyber Sentinel Guide, is an educational online resource designed to demystify fundamental cybersecurity concepts for beginners. It serves as a go-to platform for individuals taking their first steps into the complex world of cyber defense.

Inspiration

The inspiration for Cyber Sentinel Guide stemmed from my own initial struggles and observations of common hurdles faced by newcomers in cybersecurity. We noticed a significant gap for truly beginner-friendly, accessible, and consolidated resources. The desire to create a straightforward learning path, something I wished I had, ultimately drove this project. The AmpliCode Hackathon's focus on "Security & Online Safety" provided the perfect platform to bring this vision to life and contribute positively to digital literacy.

What We Learned

Throughout the development of Cyber Sentinel Guide, I gained invaluable insights and skills:

  • Content Simplification: The most significant learning was the art of breaking down intricate cybersecurity topics (like SSH authentication or SQL injection prevention) into digestible, easy-to-understand modules without losing accuracy.
  • Structured Learning Design: I learned how to effectively structure educational content for web presentation, ensuring a logical flow and intuitive user experience.
  • Front-end Development Best Practices: I deepened my understanding of semantic HTML and responsive CSS, crucial for creating a user-friendly and visually appealing interface across various devices.
  • Version Control & Deployment: Hands-on experience with Git and GitHub Pages for efficient version control and seamless website deployment was reinforced.

How We Built Our Project

Cyber Sentinel Guide was primarily built using a combination of HTML5 for structuring the content and CSS3 for styling and layout. We opted for a clean, minimalist design to prioritize readability and user focus.

The development process involved:

  1. Content Research & Curation: Thoroughly researching and synthesizing information on SSH, SQL, and picoCTF.
  2. Information Architecture: Planning the site's navigation and content hierarchy.
  3. Front-end Development: Writing clean, semantic HTML and crafting responsive CSS.
  4. Deployment: Utilizing GitHub Pages for effortless hosting.
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cyber Sentinel Guide</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header>
        <h1>Cyber Sentinel Guide</h1>
    </header>
    <main>
        <section>
            <h2>Understanding SSH</h2>
            <p>SSH (Secure Shell) is a cryptographic network protocol for operating network services securely over an unsecured network.</p>
        </section>
    </main>
</body>
</html>
Share this project:

Updates