Skip to content

Frontend Task Submission - john.doe@example.com #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
ameraashraf wants to merge 3 commits into
base: main
Choose a base branch
from
Open

Frontend Task Submission - john.doe@example.com #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
88ba0f4
Complete React Quiz app with all required features
Jun 15, 2025
ae66ca2
git ignore
Jun 15, 2025
6d2795d
Apply .gitignore and remove ignored files from repo
Jun 15, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
24 changes: 24 additions & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
lerna-debug.log*

node_modules
dist
dist-ssr
*.local

# Editor directories and files
.vscode/*
!.vscode/extensions.json
.idea
.DS_Store
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?
9 changes: 9 additions & 0 deletions .prettierrc
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
{
"semi": true,
"tabWidth": 2,
"printWidth": 100,
"singleQuote": true,
"trailingComma": "es5",
"bracketSpacing": true,
"plugins": ["prettier-plugin-tailwindcss"]
}
45 changes: 45 additions & 0 deletions README copy.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
# Quiz App

A modern quiz application built with React, TypeScript, and Vite. This application provides an interactive quiz experience with features like timed questions, score tracking, and immediate feedback.

## Features

- Interactive quiz interface with smooth user experience
- Time management with question timers
- Comprehensive score tracking system
- Clean and modern UI powered by Tailwind CSS
- Instant feedback on answers
- Fully responsive design for all devices
- Multiple choice question format
- Detailed final score summary

## Tech Stack

- React 18
- TypeScript
- Vite
- Tailwind CSS
- React Query
- Axios

## Project Structure

src/
├── assets/ # Static assets
├── components/ # React components
├── context/ # React context
├── hooks/ # Custom hooks
├── services/ # API services
├── styles/ # Global styles
├── types/ # TypeScript types
└── utils/ # Utility functions

```

## Code Style
This project uses:
- ESLint for code linting
- Prettier for code formatting
- TypeScript for type safety

```
28 changes: 28 additions & 0 deletions eslint.config.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
import js from '@eslint/js'
import globals from 'globals'
import reactHooks from 'eslint-plugin-react-hooks'
import reactRefresh from 'eslint-plugin-react-refresh'
import tseslint from 'typescript-eslint'

export default tseslint.config(
{ ignores: ['dist'] },
{
extends: [js.configs.recommended, ...tseslint.configs.recommended],
files: ['**/*.{ts,tsx}'],
languageOptions: {
ecmaVersion: 2020,
globals: globals.browser,
},
plugins: {
'react-hooks': reactHooks,
'react-refresh': reactRefresh,
},
rules: {
...reactHooks.configs.recommended.rules,
'react-refresh/only-export-components': [
'warn',
{ allowConstantExport: true },
],
},
},
)
13 changes: 13 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + React + TS</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>
</html>
Loading