React 19 + Vite

MaharBote

A modern React web app that calculates traditional Burmese Mahabote astrology houses from a birth date — featuring bilingual UI, light/dark themes, and detailed house readings.

Live Demo Source Code

Project Overview

What MaharBote does and how it works

MaharBote converts an English/Gregorian birth date into a Myanmar year, calculates the Mahabote remainder, places the seven weekday tokens into the fixed house layout, and highlights the matching birth house. The app also supports manual entry of a Myanmar year and weekday, and provides short house readings for cultural, educational, and entertainment purposes. The project is licensed under Apache 2.0 and continuously deployed via GitHub Actions.

React 19 Vite JavaScript ES Modules CSS3 GitHub Pages Apache 2.0

Interface Gallery

Visual walkthrough of the application

Main Screen
Main interface with house grid
Input Section
Date input & manual entry
Results
Full calculation results
Myanmar Language
English language mode
House Readings
House reading popup
Dark Theme
Dark theme mode

Key Features

Everything MaharBote offers

Birth Date Calculation

Calculate Mahabote results from any English/Gregorian date of birth using Julian day conversion

Manual Input

Enter Myanmar year and birth weekday directly for quick calculations

Fixed House Grid

View all seven Mahabote houses: Adipati, Atun, Thike, Yaza, Marana, Binga, and Puti

Bilingual UI

Seamlessly switch between Myanmar and English language labels

Light / Dark Themes

Toggle between light and dark themes for comfortable viewing in any environment

House Readings

Open detailed readings with personality notes, future hints, and light-hearted reflections

Tech Stack

Built with modern web technologies

React 19

Modern UI framework with the latest features for building interactive interfaces

Vite

Fast build tool with HMR, optimized production builds, and ES module support

JavaScript ES Modules

Clean import/export structure with modern JavaScript syntax

Project Structure

Source code organization

project-tree 
src/
  App.jsx               Main application UI and state
  App.css               Application styling and themes
  i18n.js               English and Myanmar text dictionaries
  main.jsx              React entry point
  utils/
    mahaboteCalculator.js  Myanmar year conversion & Mahabote logic
  img/                  Website images

Getting Started

Run MaharBote locally

terminal 
# Clone the repository
git clone https://github.com/MrThantdgaf/MaharBote.git
cd MaharBote

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

# Preview production build
npm run preview

Note: This app is intended for cultural, educational, and entertainment purposes only. Astrology readings should be treated as interpretations, not certainty. The Mahabote remainder is derived from the Myanmar year modulo 7 and matched against the birth weekday token.

Interested in This Project?

This modern React app demonstrates front-end development with React 19, Vite, and responsive design. I'd be happy to build something similar for you.

Contact Me Try MaharBote GitHub

❤️ Thank you for your interest!