quizmis-vite Tailwind Templates

Quizmis Vite

A web application for interactive quizzes, built with React + Vite, Tailwind CSS, PHP, and MySQL. Designed for our Web Development 2 final project.

Quizmis

Project Overview

Quizmis is a web application designed to enhance learning through interactive quizzes. This project is built using React + Vite for the front end, with Tailwind CSS for styling, Firebase for the back end and EmailJS for email receiving and sending.

Tech Stack

  • Frontend:
    • React
    • Vite
    • Tailwind CSS
  • Backend:
    • Firebase
  • Routing: React Router

Getting Started

To get a local copy up and running, follow these simple steps:

Prerequisites

  • Node.js (with npm)
  • Firebase project set up for authentication and Firestore database.

Installation

  1. Clone the repository

    git clone https://github.com/yourusername/quizmis.git
    

    Replace yourusername with your GitHub username.

  2. Navigate to the project directory

    cd quizmis
    
  3. Install dependencies Run the following command to install the required packages:

    npm install
    
  4. Set up Firebase

    • Create a Firebase project in the Firebase Console.
    • Enable Firebase Authentication and Firestore.
    • Add your Firebase configuration in the Firebase.js file in the project.
  5. Run the application Start the development server by running:

    npm run dev
    
  6. Open your browser Navigate to http://localhost:5173 to view the application.

Top categories

Loading Svelte Themes