Kenya Education and Career Survey Web App
CAPSTONE PROJECT DOCUMENTATION
Kenya Education and Career Opportunities Survey Web Application
Name: Kimberly Mwachilungo
Course: Generative AI / Software Development
Project Objective
The objective of this project was to explore and learn a new web development technology using generative AI prompts. The goal was to design and build a beginner-friendly, functional web application that collects data related to education and career opportunities across different regions in Kenya.
Technologies Used
- HTML – for structuring the web page
- CSS – for styling and layout design
- JavaScript – for interactivity and functionality
Project Description
This project is a web-based survey application designed to collect insights on education and career opportunities in Kenya.
The application allows users to input:
- Personal details (name, age, contact, location)
- Responses to six survey questions related to:
- Education level
- Availability of learning institutions
- Career interests
- Access to career guidance
- Challenges in education
- Interest in online learning
Key Features
- Multi-step form interface (step-by-step user input)
- Modern UI design (gradient background, card layout, icons)
- Responsive and centered layout
- Form validation (required fields)
- Dynamic success message after submission
- Data persistence using browser local storage
Development Process
Step 1: Project Setup
- Created project folder (`SURVEY001`)
- Opened folder in VS Code
- Created three files:
- `index.html`
- `style.css`
- `script.js`
Step 2: Initial Development
- Built a basic survey form using HTML
- Added input fields and a submit button
Step 3: UI Enhancement
- Applied CSS styling
- Added gradient background and centered layout
- Designed a card-based form interface
- Integrated icons for better user experience
Step 4: Functionality Implementation
- Used JavaScript to:
- Handle form submission
- Display succ …