Skip to content

writecleancode/quiz-app-vue

Repository files navigation

My Skills Quiz App (Vue)

🌐 LIVE DEMO

Quiz App - relax between checking dozens (hundreds?) of CVs. 4 different quizzes to choose from. Enjoy! 😃

Table of contents

  1. General info

  2. Technologies

  3. Setup

  4. Application View

GENERAL INFO

The application was intended to be something other than just a simple project for recruiters to click through. The idea was for it to be a “springboard,” a little entertainment, a form of relaxation.

Click to see repo of this app written with React

The app was written based on a mobile-first approach and it's fully responsive 📱💻🖥

Accessibility is at a high level ♿

The app has it's own favicon ⚡

Lines of code rewritten from tutorials: 0 ✔

The layout was designed by me in Figma 🖍

All photos have been cropped and their size has been reduced accordingly (to minimize file size) 🖼✂

TECHNOLOGIES

  1. Vite

  2. Typescript

  3. Vue

  4. Figma


More accurate informations about technologies used

Build tool:

  • Vite

Language:

  • Typescript

Framework:

  • Vue

Vue libraries used:

  • Vue Router

Styles:

  • SCSS

Components structure:

  • Atomic Design

Designed with:

  • Figma

Images editing:

  • GIMP

SETUP

  1. Clone the repository:
git clone https://github.com/writecleancode/quiz-app-vue
  1. Navigate to the project directory:
cd quiz-app-vue
  1. Install the dependencies:
npm install
  1. Start the development server:
npm run dev
  1. Open your browser and visit http://localhost:5173 to view the application.

APPLICATION VIEW

app_preview1



app_preview2



app_preview3



app_preview4

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published