React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

QuizAppWithTypeScript

Bu proje, React ve TypeScript kullanarak yapılan bir quiz uygulamasıdır. Kullanıcılar, soruları yanıtlayarak quizi tamamlayabilir ve sonuçlarını görüntüleyebilirler.

Proje Kurulumu

Projeyi çalıştırmak için aşağıdaki adımları takip edebilirsiniz.

1. Projeyi Klonlayın

Öncelikle projeyi GitHub'dan bilgisayarınıza klonlayın:

git clone https://github.com/zehraecer/QuizAppWithTypeScript.git


### 1. Projeyi Klonlayın

- **React**: Kullanıcı arayüzünü oluşturmak için React kullanılmıştır.
- **TypeScript**: Tip güvenliğini sağlamak ve daha güvenilir bir geliştirme süreci için TypeScript kullanılmıştır.
- **Vite**: Hızlı geliştirme ve hızlı yenileme sağlamak için Vite yapılandırması yapılmıştır.
- **CSS**: Uygulamanın stilini oluşturmak için basit CSS kullanılmıştır.


## Proje Yapısı

- **src/**: Tüm uygulama dosyalarının bulunduğu ana klasör.
- **components/**: React bileşenlerini içeren klasör.
- **data/**: Quiz soruları ve kategorilerin bulunduğu JSON verisini içeren dosya.
- **App.tsx**: Uygulamanın ana bileşeni.
- **index.tsx**: Uygulamanın başlangıç noktası.
- **styles/**: CSS dosyaları.

## Uygulama Özellikleri

- **Kategori Seçimi**: Kullanıcılar, çeşitli kategorilerden birini seçerek soruları başlatabilirler.
- **Sorular ve Cevaplar**: Her kategoriye ait sorular ve çoktan seçmeli cevaplar bulunmaktadır.
- **Yanıtlar ve Puanlama**: Kullanıcıların seçtikleri cevaplar doğrultusunda doğru/yanlış puanlama yapılır ve sonuçlar gösterilir.
- **Oyun Sonucu**: Kullanıcılar tüm soruları yanıtladıktan sonra başarı oranlarını ve doğru cevap sayılarını görebilirler.
- **Tekrar Başlatma**: Kullanıcılar, oyunu baştan başlatabilirler.



# EN

# QuizAppWithTypeScript

This project is a quiz application built with React and TypeScript. Users can answer questions to complete the quiz and view their results.

## Project Setup

To run the project, follow the steps below.

### 1. Clone the Project

First, clone the project from GitHub to your local machine:

```bash
git clone https://github.com/zehraecer/QuizAppWithTypeScript.git

## Technologies Used

- **React**: React is used to build the user interface.
- **TypeScript**: TypeScript is used to ensure type safety and provide a more reliable development process.
- **Vite**: Vite configuration is used for fast development and quick reloading.
- **CSS**: Simple CSS is used to style the application.

## Project Structure

- **src/**: The main folder containing all the application files.
- **components/**: The folder containing React components.
- **data/**: The folder containing the JSON file with quiz questions and categories.
- **App.tsx**: The main component of the application.
- **index.tsx**: The entry point of the application.
- **styles/**: The folder containing CSS files.

## Application Features

- **Category Selection**: Users can select a category to start the quiz.
- **Questions and Answers**: Each category contains questions with multiple-choice answers.
- **Answers and Scoring**: Based on the user's selected answers, scoring is done as correct or incorrect, and results are shown.
- **Quiz Result**: After answering all the questions, users can see their success rate and the number of correct answers.
- **Restart Option**: Users can restart the quiz from the beginning.