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: about 2 months 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 (over 1 year ago)
- Default Branch: master
- Last Pushed: 2025-02-22T13:38:47.000Z (over 1 year ago)
- Last Synced: 2025-02-22T14:32:03.689Z (over 1 year 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
Web-app made for executing quizzes from files.
👉 [Use it online! No download required!](https://vfansss.github.io/coquiz-web/)
Built with Svelte 5 and SvelteKit static site generator.
## Features
- **Dynamic Quiz Loading** 📂: Load quiz content from files
- Supports loading demo quizzes directly from the app
- **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.