Frontend Mentor - Frontend quiz app solution

This is a solution to the Frontend quiz app challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

To run this project:

1. clone Repo
2. check node version (v20.18.4) and npm version (v10.7.0)
3. run: npm install
4. run: npm run dev
5. for jest unit tests run: npm run test

Table of contents

• Overview
  • Links
  • Coverage
  • Screenshots
• My process
• Built with
• Author

Overview

Links

• Solution URL: GitHub Repo
• Live Site URL: GitHub Pages

Coverage

Screenshots

Desktop

Tablet

Mobile

Active1

Active2

My process

• download project files
• setup project with React/Vite/SWC/TypeScript/Jest
• recreate index.html
• create repository
• check ux design
• identify components
• create scss styles
• install dependencies
• enable formatting/linting
• create atom and container components
• create components s/css classes
• create components constants
• outsource component logic in hooks
• write unit tests
• open html in browser
• polish layout
• refactor javascript/typescript code
• clean up code semantically
• add screenshots
• update README
• clean up project
• upload solution

Built with

• React/Vite/SWC/TypeScript/Jest/Redux
• SCSS custom properties
• Flexbox
• Keyboard Accessibility
• Mobile-first workflow

Author

• Website - GitHub Account
• Frontend Mentor - @kephalosk