CyberCheck - Quiz App (Recap Project 1)

Description

This is the initial layout version of Cybercheck, a quiz app created as part of the Web Bootcamp. The quiz focuses on Accessibility and Intersectional Cybersecurity.

The project is being actively extended with JavaScript functionality and backend planning.

Technologies

• HTML
• CSS (BEM)
• Responsive Design

Project Structure

• index.html - Home page
• bookmarks.html - Bookmark page
• profile.html - Profile page
• styles.css - Styling
• .gitignore - Files to ignore in version control
• README.md - Project description

Phase 1 – Layout & Accessibility (baseline)

• Semantic HTML
• Responsive design
• Accessibility-first structure

Phase 2 – JavaScript & Data Logic (in progress)

• Quiz logic in JavaScript
• Local state management
• Bookmark functionality
• Preparing backend data model

Goals

• Build a clean HTML structure
• ✅ Use CSS BEM conventions
• ✅ Create a responsive layout
• Keep accessibility in mind

Next Steps (Planned)

• Add JavaScript functionality for quiz logic
• Implement question filtering and bookmarks
• Prepare data structures for future backend integration