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
| Technology | Description | Icon |
|---|---|---|
| Next.js | Modern web framework | |
| React | UI development library | |
| Tailwind CSS | Styling framework | |
| TypeScript | Type-safe JavaScript superset |
Backend & Tools
| Technology | Description | Icon |
|---|---|---|
| Supabase | Database and Authentication | |
| Gemini API | AI 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.