Skip to content

Latest commit

 

History

History
109 lines (81 loc) · 3.76 KB

README.md

File metadata and controls

109 lines (81 loc) · 3.76 KB
Raw

Journey of Reincarnation

A captivating web application that simulates the experience of reincarnation, offering users a chance to explore different life circumstances across various countries and social backgrounds.

Next.js TypeScript TailwindCSS License

English | 简体中文

✨ Features

  • 🌍 Global Distribution: Experience reincarnation across different countries with an interactive world map
  • 📊 Dynamic Statistics: Visualize social class and birthplace distributions through engaging charts
  • 🎭 Special Events: Encounter unique life circumstances with random special event triggers
  • 🌓 Dark/Light Mode: Seamlessly switch between dark and light themes
  • 🔊 Sound Effects: Immersive audio feedback for user interactions
  • 🌐 Multilingual: Support for English and Chinese languages
  • 📱 Responsive Design: Optimized for both desktop and mobile devices
  • 📤 Share Feature: Easy sharing of results through various platforms

🛠️ Tech Stack

🚀 Getting Started

Prerequisites

  • Node.js 18+ and npm

Installation

  1. Clone the repository
git clone https://github.com/ChanMeng666/journey-of-reincarnation2.git
cd journey-of-reincarnation2
  1. Install dependencies
npm install
  1. Run the development server
npm run dev
  1. Open http://localhost:3000 with your browser

Build

npm run build

🌟 Usage

  1. Click the "Start Journey" button to begin your reincarnation experience
  2. View your new life circumstances including country, gender, social class, etc.
  3. Explore the world map to see your birth location
  4. Check the statistics to understand global distributions
  5. Share your results with friends
  6. Reincarnate again to experience different possibilities

📦 Project Structure

src/
├── app/               # Next.js app directory
├── components/        # React components
│   ├── ui/           # UI components
│   └── layout/       # Layout components
├── contexts/         # React contexts
├── hooks/            # Custom hooks
├── i18n/             # Internationalization
├── lib/              # Utility functions
└── types/            # TypeScript types

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

  1. Fork the project
  2. Create your feature branch (git checkout -b feature/AmazingFeature)
  3. Commit your changes (git commit -m 'Add some AmazingFeature')
  4. Push to the branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

Author

Chan Meng