Quiz App

Overview

Built with the MERN stack, this Quiz Application is a full-stack web application that allows users to create, take, and share quizzes, while competing in leaderboards.

🔗 Live Demo

Features

• User Authentication
• Custom Quiz Creation
• Real-time Leaderboards
• User Profiles
• Responsive Design

Technologies Used

• Frontend: React, Tailwind CSS
• Backend: Node.js, Express.js
• Database: MongoDB
• Deployment: Render

Getting Started

Prerequisites

• Node.js (v14 or later)
• MongoDB

Installation

1. Clone the repositories:

https://github.com/markbakos/quiz_app.git

2. Install dependencies for both frontend and backend:

cd client  
npm install  
cd ../server  
npm install

3. Set up the environment variables for the backend:
   
   Create a .env file in the backend directory.
   Add the following variables:

MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_jwt_secret
PORT=5000 

4. Start the application:
   Backend:

  cd server
  node app.js

Frontend:

  cd client
  npm run dev

Run the Application

Ensure both the backend and frontend servers are running.
Open your browser and visit localhost with the port vite gives you, for example: http://localhost:3000 to interact with the application.

Contributing

Contributions are welcome! Please follow these steps:

1. Fork the repository.
2. Create a feature branch (git checkout -b feature-name).
3. Commit your changes (git commit -m 'Add some feature').
4. Push to the branch (git push origin feature-name).
5. Open a pull request.

Contact

For any inquiries, feel free to reach out:

Email: [email protected]
GitHub: markbakos