Web3Bridge Quiz App

This is React-based quiz application built for the Web3Bridge training program.
This project demonstrates the use of React, TailwindCSS for styling, and Jest with React Testing Library for testing.

---

Features

• Interactive quiz interface
• Dynamic question rendering
• Visual feedback for correct and wrong answers
• Smooth transitions with TailwindCSS animations
• Unit tests for key quiz functionalities

---

Tech Stack

• Frontend: React (Vite)
• Styling: TailwindCSS
• Testing: Jest + React Testing Library
• Package Manager: npm

---

Installation

1. Clone the repository

   git clone https://github.com/Robotron2/web3BridgeAssessment.git
   cd web3BridgeAssessment

2. Install Dependencies

   npm install
   

3. Set up TailwindCSS

   npx tailwindcss init -p
   

4. Start Dev server

   npm run dev
   

5. Running Tests

   This project includes basic component tests for the quiz using Jest and React Testing Library.

   To run tests in watch mode:

   npm test
   
   

Development Notes

Make sure Node.js ≥ 18 is installed.

For consistent formatting, use Prettier or your preferred formatter.

The test environment uses jest-environment-jsdom, which must be installed separately.

Author: Theophilus Adeleke Branch: main Date: October 2025