Skip to content

Commit e3a1bc4

Browse files
lwinmoepaingclaude
andcommitted
✨ feat: add Myanmar/English localization across all pages
Add full i18n support using next-intl with LanguageProvider context and EN/MM toggle in Navbar. Localized components: Navbar, Footer, HomeSection, JoinSection, PlatformSection, MmsweTypoSection, ProfileCardList hero, ProfileEditor (EditorPane, PreviewPane), HowToPage, BlogPage, and ContactPage. Added KhitHaungg Myanmar font with guidelines for bg-clip-text and overflow-hidden issues. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
1 parent 249017a commit e3a1bc4

30 files changed

Lines changed: 1019 additions & 289 deletions

CLAUDE.md

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -71,6 +71,18 @@ Key types:
7171
- `:lipstick: style: <description>` — UI/UX changes
7272
- `:recycle: refactor: <description>` — refactoring
7373

74+
## Myanmar Font Guidelines
75+
76+
When localizing hero sections or large headings with Myanmar text:
77+
78+
- **Font**: Use `khitHaungg.className` (from `@/fonts/fonts`) directly, NOT Tailwind `font-myanmar` class
79+
- **`bg-clip-text` issue**: Myanmar script has tall stacking diacritics that get clipped by `bg-clip-text text-transparent` with gradient backgrounds. For Myanmar, use a solid color (e.g. `text-prism-cyan`) instead of the gradient clip technique. English can keep `bg-clip-text` gradient.
80+
- **`overflow-hidden` issue**: Remove `overflow-hidden` from parent containers when Myanmar is active — it clips top/bottom of Myanmar characters
81+
- **Line height**: Use `leading-[1.6]` with `py-2` for Myanmar large text (vs `leading-[1.15]` for English)
82+
- **AnimateText**: Disable character-by-character `AnimateText` for Myanmar — render plain text instead
83+
- **Pattern**: `const mmFont = isMyanmar ? khitHaungg.className : ""` then conditionally apply classes
84+
- **Localization hook**: Use `useLanguage` from `@/hooks/useLanguage` (NOT from `@/context/LanguageContext`)
85+
7486
## Screenshots
7587

7688
Save all screenshots (including Playwright MCP captures) to the `screen-shot/` folder in the project root.

bun.lockb

16.8 KB
Binary file not shown.

messages/en.json

Lines changed: 197 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,197 @@
1+
{
2+
"join": {
3+
"title": "Join Our Community",
4+
"description": "Connect with Myanmar's developer community on Facebook. Share knowledge, find opportunities, and grow together.",
5+
"cta": "Facebook Group",
6+
"communityTitle": "Myanmar Software Engineers Community",
7+
"desc": {
8+
"explore": "Explore our ",
9+
"jobBoard": "Job Board",
10+
"techArticles": "Tech Articles",
11+
"portfolio": "Portfolio",
12+
"outro": ", and join a Community that thrives on mutual growth."
13+
},
14+
"pill": {
15+
"jobs": "Jobs",
16+
"articles": "Articles",
17+
"portfolio": "Portfolio",
18+
"community": "Community"
19+
}
20+
},
21+
"platform": {
22+
"badge": "Multi-Platform",
23+
"title": {
24+
"prefix": "Not Only for ",
25+
"highlight": "Web-Developers"
26+
},
27+
"description": {
28+
"intro": "This platform welcomes all software engineers. Whether you're into ",
29+
"desktop": "desktop",
30+
"mobile": "mobile",
31+
"cloud": "cloud",
32+
"backend": "backend",
33+
"outro": " engineering — this is your space to connect, learn, and share."
34+
},
35+
"desktop": {
36+
"label": "Desktop",
37+
"description": "Native apps, Electron, cross-platform"
38+
},
39+
"mobile": {
40+
"label": "Mobile",
41+
"description": "iOS, Android, React Native, Flutter"
42+
},
43+
"cloud": {
44+
"label": "Cloud",
45+
"description": "AWS, GCP, Azure, DevOps"
46+
},
47+
"backend": {
48+
"label": "Backend",
49+
"description": "APIs, databases, microservices"
50+
},
51+
"terminal": {
52+
"hello": "Hello World!!",
53+
"from": " From "
54+
}
55+
},
56+
"mmsweTypo": {
57+
"subtitle": "Myanmar Software Engineers"
58+
},
59+
"nav": {
60+
"home": "Home",
61+
"profiles": "Profiles",
62+
"editor": "Editor",
63+
"howTo": "How to",
64+
"blog": "Blog",
65+
"contact": "Contact",
66+
"navigation": "Navigation",
67+
"brandName": "Myanmar Software Engineers"
68+
},
69+
"home": {
70+
"badge": "Community Platform",
71+
"devProfiles": {
72+
"title": "Dev-Profiles",
73+
"body": "Create your developer profile and showcase your work. Explore the profiles of other engineers to connect and collaborate within our community."
74+
},
75+
"readArticles": {
76+
"title": "Read-Articles",
77+
"body": "Contribute articles and blogs to our developer community. Access knowledge shared by others to learn, grow, and stay up to date."
78+
}
79+
},
80+
"profileEditor": {
81+
"label": "Profile Editor",
82+
"title": "Create Your Profile",
83+
"subtitle": "Fill in your details, preview your profile, and ",
84+
"download": "download",
85+
"subtitleMid": " the ",
86+
"mdx": ".mdx",
87+
"subtitleEnd": " file to submit as a pull request.",
88+
"downloadBtn": "Download .mdx",
89+
"resetBtn": "Reset",
90+
"editorHeader": "Editor",
91+
"name": "Name",
92+
"description": "Description",
93+
"imageUrl": "Image URL",
94+
"tags": "Tags",
95+
"markdownBody": "Markdown Body",
96+
"namePlaceholder": "Your full name",
97+
"descriptionPlaceholder": "A brief bio or tagline",
98+
"bodyPlaceholder": "Write about yourself using Markdown...\n\n# Hello\n\nI'm a software engineer from Myanmar.\n\n- Skill 1\n- Skill 2",
99+
"preview": "Preview",
100+
"raw": "Raw",
101+
"mdx": "MDX",
102+
"emptyPreview": "Start typing to see your profile preview...",
103+
"cardPreview": "Card Preview"
104+
},
105+
"howTo": {
106+
"label": "Getting Started",
107+
"title": "How to Add Your Profile",
108+
"subtitle": "Follow these {count} steps to add your developer profile to the MMSWE community platform.",
109+
"step1Title": "Fork the Repository",
110+
"step1Desc": "Go to the MMSWE GitHub repository and click the \"Fork\" button to create your own copy.",
111+
"step2Title": "Clone to Your Machine",
112+
"step2Desc": "Clone the forked repository to your local machine using git.",
113+
"step3Title": "Install Dependencies",
114+
"step3Desc": "Navigate to the project directory and install dependencies using Bun.",
115+
"step4Title": "Create Your Branch",
116+
"step4Desc": "Create a new branch using your name. This keeps your changes separate from the main branch.",
117+
"step5Title": "Start Development",
118+
"step5Desc": "Run the development server to see your changes in real time.",
119+
"step6Title": "Open in Browser",
120+
"step6Desc": "Visit localhost:3000 in your browser to see the site running locally.",
121+
"step7Title": "Create Your Profile",
122+
"step7Desc": "You have two options: use the visual Profile Editor or manually create an MDX file.",
123+
"step8Title": "Check Your Profile",
124+
"step8Desc": "Navigate to the profiles page. Your card should appear. Use the search bar if there are many profiles.",
125+
"optionEditor": "Profile Editor",
126+
"optionManual": "Manual",
127+
"ctaComplete": "complete",
128+
"ctaStepsComplete": "All {count} steps complete —",
129+
"ctaProfileReady": "profile ready!",
130+
"ctaReadyTo": "Ready to ",
131+
"ctaContribute": "contribute?",
132+
"ctaJoinPrefix": "Add your profile and join ",
133+
"ctaJoinSuffix": " Myanmar software engineers on the platform.",
134+
"step7Line1": "1. Visit localhost:3000/profile/editor",
135+
"step7Line2": "2. Fill in your details & preview",
136+
"step7Line3": "3. Click Download .mdx",
137+
"step7Line4": "4. Save the file to:",
138+
"step8Line1": "Your profile card appears in the grid!",
139+
"step8Line2": "Search by typing your name if needed.",
140+
"ctaOpenEditor": "Open Profile Editor",
141+
"ctaViewProfiles": "View Profiles"
142+
},
143+
"contact": {
144+
"label": "Get in Touch",
145+
"title": "Contact Us",
146+
"subtitlePrefix": "Connect with Myanmar's developer community. Whether you want to ",
147+
"collaborate": "collaborate",
148+
"subtitleMid": ", ",
149+
"contribute": "contribute",
150+
"subtitleEnd": ", or simply say hello — we're here.",
151+
"fbLabel": "Facebook Community",
152+
"fbDesc": "Join our Facebook group to connect with fellow Myanmar software engineers. Share knowledge, find opportunities, and grow together.",
153+
"fbTagline": "Community & Networking",
154+
"fbCta": "Join Facebook Group",
155+
"ghLabel": "GitHub",
156+
"ghDesc": "Contribute to our open-source projects, add your developer profile, and collaborate on community-driven initiatives.",
157+
"ghTagline": "Open Source & Contributions",
158+
"ghCta": "View on GitHub",
159+
"openTo": "Open to everyone",
160+
"allWelcome": "all skill levels welcome"
161+
},
162+
"blog": {
163+
"label": "Articles & Insights",
164+
"title": "Blog",
165+
"subtitle": "Stories, tutorials, and insights from Myanmar's software engineering community.",
166+
"article": "Article",
167+
"articles": "Articles",
168+
"readArticle": "Read article",
169+
"noPostsTitle": "No posts yet",
170+
"noPostsBody": "Exciting articles are on the horizon. Our community of engineers is crafting stories worth reading."
171+
},
172+
"profileHero": {
173+
"label": "Developer Directory",
174+
"title": "Profiles",
175+
"subtitle": "Discover {count}+ software engineers from Myanmar. Browse by technology, search by name, and connect with the community."
176+
},
177+
"footer": {
178+
"tagline": {
179+
"prefix": "Empowering Myanmar's Software Engineers to ",
180+
"innovate": "innovate",
181+
"collaborate": "collaborate",
182+
"build": "build",
183+
"suffix": " — one line of code at a time."
184+
},
185+
"openSource": "Open Source",
186+
"navigate": "Navigate",
187+
"home": "Home",
188+
"profiles": "Profiles",
189+
"profileEditor": "Profile Editor",
190+
"blog": "Blog",
191+
"contactUs": "Contact Us",
192+
"community": "Community",
193+
"github": "GitHub Organization",
194+
"facebook": "Facebook Group",
195+
"copyright": "Myanmar Software Engineers"
196+
}
197+
}

0 commit comments

Comments
 (0)