An open API service indexing awesome lists of open source software.

https://github.com/hritik-6918/sentence-craft-quest

Sentence Craft Quest is an interactive web application designed to help users improve their sentence construction skills. Through a series of timed quizzes, users are presented with sentences containing blanks and must choose the correct words from a list of options to complete the sentences accurately.
https://github.com/hritik-6918/sentence-craft-quest

Last synced: about 2 months ago
JSON representation

Sentence Craft Quest is an interactive web application designed to help users improve their sentence construction skills. Through a series of timed quizzes, users are presented with sentences containing blanks and must choose the correct words from a list of options to complete the sentences accurately.

Awesome Lists containing this project

README

        

![screencapture-sentence-craft-quest-vercel-app-2025-04-12-22_42_59](https://github.com/user-attachments/assets/3e1c6a6c-5087-4315-bf67-8a7b2a9c8e9f)

# Sentence Craft Quest

A fun and interactive sentence construction game built with React, TypeScript, Tailwind CSS, shadcn-ui, and Vite! This project helps users practice language skills by filling in the blanks under time pressure, getting instant feedback on their grammar, and challenging themselves with engaging quiz rounds.

---

## Features

- 🚀 Fast and modern Vite + React + TypeScript setup
- 🎯 Engaging sentence-building gameplay
- ⏱ 30-second timer for each question
- 💡 Instant feedback and review after the quiz
- 📊 Progress tracker and score calculation
- 🎨 TailwindCSS for responsive, clean UI
- 🧩 Modular UI components using shadcn-ui and Radix primitives

---

## Technologies

- [Vite](https://vitejs.dev/) - Blazing fast frontend tooling
- [React](https://react.dev/) - Flexible, component-based JavaScript library
- [TypeScript](https://www.typescriptlang.org/) - Strongly typed JavaScript
- [Tailwind CSS](https://tailwindcss.com/) - Utility-first CSS
- [shadcn-ui](https://ui.shadcn.com/) - Reusable accessible React components
- [Radix UI](https://www.radix-ui.com/) - Unstyled, accessible components
- [React Router](https://reactrouter.com/) - Client-side routing
- [React Query](https://tanstack.com/query/) - Data fetching and caching

---

## Getting Started

Clone and start your development environment easily!

```bash
# 1️⃣ Clone the repository
git clone

# 2️⃣ Move into the project directory
cd hritik-6918-sentence-craft-quest

# 3️⃣ Install dependencies
npm install

# 4️⃣ Start the development server
npm run dev
```

---

## Scripts

| Script | Purpose |
| ----------------- | -------------------------------- |
| `npm run dev` | Start the development server |
| `npm run build` | Build for production |
| `npm run preview` | Preview production build locally |
| `npm run lint` | Lint the codebase using ESLint |

---

> Created with ❤️ using Vite + React + TypeScript + Tailwind + shadcn-ui.