🧭 What is this project?
odilxanivichinkorea.com is a personal, educational, and cultural blog platform built to document and share the real-life experiences of an Uzbek living in South Korea. It blends storytelling, practical guidance, and language learning into one cohesive digital space — all written in a conversational, honest tone that feels like talking to a friend.
🎯 Role and Goal
- Main Goal: Help other Uzbeks navigate life in Korea — from housing and visas to emotional adaptation and language learning.
- Secondary Goal: Showcase personal growth, failures, and reflections through real stories.
- Role in Template: Acts as the central hub for all content types — blog posts, language modules, test prep, and cultural insights — unified under one aesthetic and writing style.
- Community Impact: Builds a bridge between Uzbek diaspora and Korean society, encouraging cultural exchange and mutual understanding.
🛠️ Tools, Languages, and Environments Used
| Category | Stack / Tools Used |
|---|---|
| Frontend | React.js, Tailwind CSS, Next.js |
| Backend | Static generation via Next.js (no custom server) |
| Deployment | Vercel, Github, aHost |
| Content | Markdown (.md) posts with gray-matter |
| Media | Image optimization via next/image |
| DNS & Domain | aHost DNS manager + Vercel domain routing |
| Version Control | GitHub |
| Audio | HTML5 <audio> + custom MP3 files |
| UI Components | Custom Picker, Pagination, Hero Sections |
| Analytics | Google Analytics + Vercel Insights |
| SEO | Next.js Head API + structured metadata |
⚙️ Functions and Components
- Dynamic Step Picker: For Korean vocabulary learning (
iKorean.js) - PDF Test Downloads: Premium test group section with pagination
- Audio Playback: Sticky audio controller for pronunciation practice
- Category Filtering: Interactive post filtering by topic
- Responsive Design: Mobile-first layout with Tailwind utilities
- Custom Domain Routing: Redirects and SSL via Vercel
- Search & Indexing: Local search powered by
flexsearch - Dark Mode Toggle: User-friendly theme switching
🧠 Skills Applied
- React Component Architecture
- State Management with Hooks (
useState,useEffect) - Responsive UI Design with Tailwind
- Markdown Content Parsing
- DNS Configuration and Domain Linking
- Content Strategy and UX Writing
- Multilingual Interface Planning
- Deployment and CI/CD via GitHub + Vercel
- SEO Optimization and Metadata Structuring
- Analytics Integration for User Insights
✍️ Writing Style and Template Philosophy
- Tone: Honest, sarcastic when needed, emotionally intelligent
- Language: Uzbek (primary), English (secondary), Korean (supportive)
- Structure: Each post is a standalone story or guide, written like a letter to a friend
- Design Philosophy: Minimalist, warm, and culturally familiar — no corporate coldness
- Content Flow: Starts with personal experience → expands into practical advice → ends with reflection or call to action
- Accessibility: Inclusive design with readable fonts, alt-text for images, and audio support
📌 Summary
odilxanivichinkorea.com is more than a blog — it’s a digital companion for Uzbeks in Korea. Built with modern tools, shaped by personal pain points, and written with sincerity, it fills the gap between official guides and real life. Every component, from audio buttons to DNS routing, serves the mission: to make adaptation easier, one honest post at a time. It is both a technical project and a cultural lifeline, combining modern web development with authentic storytelling.
📱 Contact
Telegram: @odilxanivich