Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/vfansss/coquiz-web

File-based quiz web-app built in Svelte 5
https://github.com/vfansss/coquiz-web

quiz spa svelte svelte5 sveltekit tailwindcss webapp

Last synced: 28 days ago
JSON representation

File-based quiz web-app built in Svelte 5

Host: GitHub
URL: https://github.com/vfansss/coquiz-web
Owner: VFansss
License: other
Created: 2025-01-06T11:39:15.000Z (about 1 month ago)
Default Branch: master
Last Pushed: 2025-01-06T16:42:28.000Z (about 1 month ago)
Last Synced: 2025-01-06T17:47:59.983Z (about 1 month ago)
Topics: quiz, spa, svelte, svelte5, sveltekit, tailwindcss, webapp
Language: Svelte
Homepage: https://vfansss.github.io/coquiz-web/
Size: 77.1 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# coquiz-web

![Coquiz Logo](static/coquiz-logo.svg)

Web-app made for executing quizzes from files.

Built with Svelte 5 and SvelteKit static site generator.

## Features

- **Dynamic Quiz Loading** 📂: Load quiz content from files.
- **Quiz Format Support** 📚: Supports multiple quiz formats through a registry.
- **Theming** 🎨: Supports dark and light themes.
- **Modal Display** 🖼️: Display file content in a modal with scrollable content.
- **Animated Titles** 🎬: Cyclic title animations using Svelte transitions.

## Tech Used

This project is built with:

- [SvelteKit](https://kit.svelte.dev/) - Application framework
- [Svelte 5](https://svelte.dev/) - Component framework
- [Tailwind CSS](https://tailwindcss.com/) - Utility-first CSS framework

## Development

1. Clone the repository:
```sh
git clone https://github.com/yourusername/your-repo.git
cd your-repo
```

2. Install dependencies:
```sh
npm install
```

3. Run the development server:
```sh
npm run dev
```

4. Change whatever you have

## Project Structure

- `src/routes/+page.svelte`: Main page component.
- `src/routes/QuizRunner.svelte`: Component to run the quiz.
- `src/routes/QuizPartitionSelector.svelte`: Component to select quiz partitions.
- `src/routes/CyclicTitle.svelte`: Component for animated title.
- `src/lib/ContentRetriever.js`: Library to retrieve content from files.
- `static/coquiz-logo.svg`: Project logo.