The Meaning of Our Anthems

The Meaning of Our Anthems

This platform allows you to explore the stories behind the anthems of the Republic of Turkey and understand the meanings of the words used in them.

The Meaning of Our Anthems

The Meaning of Our Anthems is a modern web platform where national anthems of the Republic of Turkey are shared, their stories explained, and word meanings analyzed with AI support. It helps us better understand our cultural heritage and pass it down to future generations.

About

The Meaning of Our Anthems is a user-friendly platform designed to keep our national anthems alive in digital form and make their meanings easily accessible:

  • Anthem Library: Extensive anthem archive with detailed information
  • AI Support: Automatic explanations of word meanings
  • Storytelling: Sharing historical stories behind the anthems
  • Social Interaction: Comments and discussion features
  • Theme Support: Light/Dark mode options
  • Responsive Design: Seamless experience across all devices

💻 Technologies Used

Frontend

TechnologyDescriptionIcon
Next.jsModern web frameworkNext.js
ReactUI development libraryReact
Tailwind CSSStyling frameworkTailwind
TypeScriptType-safe JavaScript supersetTypeScript

Backend & Tools

TechnologyDescriptionIcon
SupabaseDatabase and AuthenticationSupabase
Gemini APIAI Integration-

Features

Anthem Catalog

  • Categorized anthem list
  • Lyrics
  • Historical information

AI Analysis

  • Explanation of word meanings
  • Clarification of cultural references

Social Features (Coming Soon)

  • User profiles
  • Comment system
  • Anthem sharing

Educational Tool

  • Vocabulary building
  • Cultural enrichment

Installation and Usage

# Clone the project
git clone https://github.com/poyrazavsever/marslarinanlami.git

# Enter the project directory
cd marslarinanlami

# Install dependencies
npm install

# Start the development server
npm run dev

# or visit --> marslarinanlami.vercel.app

Project Development Process

Research & Planning (1 Week)

  • Building anthem archive
  • UI Planning
  • AI integration planning

Development (3 Weeks)

  • Frontend development
  • Backend integration

Testing & Optimization (1 Week)

  • Performance improvements
  • User testing
  • Content validation

Useful Links

Developer

Poyraz Avsever
Frontend Developer & UI Designer

🎵 This project is open-source under the MIT license, developed to preserve our national culture in the digital world.