International Worldwide: Your Multilingual Web Development Quiz Hub 🌍

🚀 Overview

International Worldwide is a simple yet powerful web application designed to offer multiple-choice quizzes on various web development topics, presented in multiple languages. Whether you're brushing up on your JavaScript fundamentals, testing your CSS knowledge, or exploring other web technologies, this platform provides an accessible and multilingual learning experience. Built with cutting-edge technologies like Next.js and Next-Intl, it ensures a smooth and localized user experience for developers around the globe.

Key Features:

• Multilingual Support: Seamlessly switch between different languages thanks to Next-Intl.
• Diverse Quiz Topics: Explore quizzes covering a range of web development subjects. (You can list specific topics here as you add them)
• Clean and Responsive UI: Enjoy a user-friendly interface built with Tailwind CSS and Shadcn UI components.
• Optimized Performance: Benefit from the speed and efficiency of Next.js.
• Easy Deployment: Hosted on Vercel for effortless access and scalability.

🛠️ Technologies Used

This project leverages the following key technologies:

• Next.js (v15.3.1): The React framework for production, offering server-side rendering, static site generation, and more.
• React (v19.1.0): A JavaScript library for building user interfaces.
• JavaScript: The core programming language for web development.
• Next-Intl (v3.0.0): Provides internationalization (i18n) features for Next.js applications.
• Tailwind CSS (v4.1.4): A utility-first CSS framework for rapid UI development.
• Shadcn UI: A collection of reusable UI components built using Radix UI and Tailwind CSS.
• Vercel: A platform for serverless functions and static websites, providing seamless deployment and hosting.
• pnpm: A fast, disk space efficient package manager.
• Radix UI: A set of unstyled, accessible UI primitives.
• Lucide React: A library of beautiful and consistent icons.
• Zod: A TypeScript-first schema declaration and validation library.
• Other helpful libraries: @heroicons/react, class-variance-authority, clsx, lodash, next-themes, nextjs-toploader, tailwind-merge, tw-animate-css.

🚀 Getting Started

Get up and running with International Worldwide in a few simple steps:

1. Clone the repository:

   git clone https://github.com/egarrisxn/international-worldwide.git
   cd international-worldwide
   

2. Install dependencies using pnpm:

   pnpm install
   

   (Note: This project is configured to use pnpm as the package manager.)

3. Start the development server:

   pnpm dev
   

4. Open your browser and navigate to http://localhost:3000 to explore the application.

🚀 Building and Deploying for Production

1. Build the application for production:

   pnpm build
   

2. Start the production server:

   pnpm start
   

📦 Deploy to Vercel

The easiest and recommended way to deploy your International Worldwide app is using the Vercel Platform. Vercel provides automatic deployments, continuous integration, and HTTPS out of the box.

Simply push your code to a Git repository (e.g., GitHub, GitLab, Bitbucket) and import your project into Vercel.

For more detailed instructions, refer to the Next.js deployment documentation on Vercel.

📜 License

This project is open-source and licensed under the MIT License. Feel free to use, modify, and distribute it as per the terms of the license.

🙏 Contributing

Contributions are welcome! If you have ideas for new quiz topics, language support, or improvements to the codebase, please feel free to open an issue or submit a pull request. Let's make International Worldwide even better together!

💬 Questions and Feedback

If you have any questions, suggestions, or feedback, please don't hesitate to reach out:

• 📌 GitHub: @egarrisxn
• 📧 Email: [email protected]

Thank you for checking out International Worldwide! We hope you enjoy testing your web development knowledge in multiple languages!