Earthquake Awareness

Earthquake Awareness

Earthquake Awareness is a web platform providing information about earthquakes in Turkey and what to do during and after an earthquake.

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

TechnologyDescriptionIcon
Next.jsReact-based web frameworkNext.js
ReactUI development libraryReact
Tailwind CSSUtility-first CSS frameworkTailwind
TypeScriptType-safe JavaScriptTypeScript

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

This project is developed as open source for the public good.