Earthquake Awareness
Earthquake Awareness is an interactive educational platform that provides special trainings and tests for students, teachers, children, and parents on what to do before, during, and after an earthquake.
About
Earthquake Awareness is an educational web platform aiming to raise awareness about earthquakes across all segments of society:
- Categorized Trainings: Custom content by age and role
- Interactive Quizzes: Assessments to measure learning
- Informative Content: Expert-approved earthquake knowledge
- Emergency Guide: Quick-access vital instructions
- Accessible Design: User interface for all age groups
Technologies Used
Frontend
Technology | Description | Icon |
---|---|---|
Next.js | React-based web framework | |
React | UI development library | |
Tailwind CSS | Utility-first CSS framework | |
TypeScript | Type-safe JavaScript |
Features
Learning Modules
- Age-specific content
- Interactive materials
Quizzes & Evaluation
- Practical applications
- Instant feedback
- Achievement tracking
Emergency Tools
- Quick-access guide
- Assembly area map
- Emergency checklist
- Important contact numbers
Installation & Usage
git clone https://github.com/HSD-OSTIMTECH/DepremBilinci.git
cd DepremBilinci
npm install
npm run dev
Project Development Timeline
Research & Content (1 Week)
- Expert interviews
- Content compilation
- Curriculum design
Design & Development (1 Week)
- UI/UX design
- Frontend development
- Backend integration
Testing & Optimization (1 Week)
- User testing
- Content validation
- Performance optimization
Useful Links
Developers
- Poyraz Avsever – Frontend Developer & UI Designer
This project is developed as open source for the public good.