A dynamic web application designed for anime enthusiasts to test their knowledge across various anime genres. Developed using Next.js and styled with TailwindCSS and shadcn/ui, this app delivers a smooth, responsive user experience across all devices, complemented by a visually appealing interface.
🌟 Features
- Multiple Quizzes Categories: Engage with a wide array of quizzes. Each category is designed to challenge fans at all levels.
- Dynamic Question Bank: Our database continuously updates with new questions to keep the quiz fresh and exciting.
- Responsive Design: Whether you’re on a phone, tablet, or desktop, our app provides a consistent and accessible experience.
- Interactive Feedback: Receive immediate feedback on your answers, with detailed explanations to enhance your anime knowledge.
⚙️ Installation
Set up Anime Trivia Challenge locally by following these steps:
# Clone the repository
git clone https://github.com/GabrielRaposoD/animequiz.app.git
# Navigate to the project directory
cd animequiz.app
# Install dependencies
pnpm install
# Create a .env file at the root of your project and update with your API URL and encryption key:
NEXT_PUBLIC_API_URL=your_api_url
NEXT_PUBLIC_ENCRYPTION_KEY=your_encryption_key
# Run the application
pnpm dev🛠️ Technologies
- Next.js: A React framework for building server-rendered applications.
- TailwindCSS: A utility-first CSS framework for rapid UI development.
- shadcn/ui: A collection of accessible, reusable components for React applications.
- Vercel: A cloud platform for static sites and serverless functions.
🚀 Deployment
Animequiz is hosted on Vercel, a cloud platform that enables seamless deployment and scaling of web applications. The platform’s integration with GitHub allows for automatic deployments upon code changes, ensuring a smooth and efficient development process.