Quiz-App - Demo

Quiz-App is a quiz app using Hygraph headless CMS and GraphQL + TypeScript & React

Features

Sass for stylesheets
Connected to the Hygraph GraphQL API
Responsive design
Cross-browser compatibility
Developer friendly extendable code
SEO optimized
GNU GPL version 3.0 licensed
…and much more

See a working example at nimaprmdi.github.io/Quiz-App/.

installation

Clone the project into wanted destination location using git clone https://github.com/nimaprmdi/Quiz-App.git
Run command npm install
Run command npm build
You Will find production build in build folder

Theme structure

/Quiz-App/                       # → Root of your theme
│── .vscode/                     # → VSCode settings.json file
│── public/                      # → Theme public folder including structure files
│── src/                         # → Theme internal source files
│   ├── assets/                  # → Theme Assets files
│   ├── components/              # → The constructed TSX components required for the interface
│   ├── context/                 # → The interfaces of the models and global laws
│   ├── model/                   # → The navigation object which construct menu
│   ├── graphql/                 # → API handling services
│   └── hooks/                   # → The primary interface coponents
├── .gitignore/                  # → Ignoring unwanted files
├── tailwind.config.js/          # → Tailwindcss config file
├── tsconfig.json/               # → Configuration for the TypeScript
├── package.json                 # → Node.js dependencies and scripts
├── node_modules/                # → Node.js packages