- Description
- Anothai is an interactive, educational web application designed to teach users about our solar system. It provides an engaging, visually appealing experience that allows users to explore planets, learn facts, and understand celestial mechanics.
- Technologies
- Next.js 13, React 18, TypeScript, Tailwind CSS, Framer Motion, react-i18next, shadcn/ui, Lucide React, date-fns
- Key Features
- Interactive 3D solar system model
- Detailed information on each planet and the sun
- Time controls to observe planetary motion
- Educational quizzes to test knowledge
- Achievements system to encourage exploration
- Guided tour of the solar system
- Size comparison tool for celestial bodies
- Celestial events calendar
- Multilingual support (English and Thai)
- Responsive design for various device sizes
- Accessibility features for users with disabilities
- Architecture
- Built using a modern, component-based architecture leveraging React and Next.js. Follows a client-side rendering approach with server-side generation for improved performance and SEO.
- Themes
- Employs a dark, space-themed aesthetic with a color palette of deep blues and purples, accented by bright blues, purples, and yellows. Uses modern typography and smooth animations to enhance the user experience.
