AlphaSense Project

alpha-sense.vercel.app

This is a Next.js project bootstrapped with create-next-app.

Overview

AlphaSense: test and improve your knowledge of alphabets and listening skills! With quizzes covering a wide range of alphabets, including Cyrillic, Greek, Hangul, Hiragana, Katakana, Arabic, and Devanagari + extract text using OCR.

Features

• Alphabet Quizzes – Test your knowledge of different writing systems, including Cyrillic, Greek, Hangul, Hiragana, Katakana, Arabic, and Devanagari.
• Hearing Quizzes – Improve your listening skills by identifying spoken alphabet characters.
• Extract text using an advanced Optical Character Recognition (OCR) algorithm powered by Tesseract.

Technologies Used

• Frontend: Next.js, React, Tailwind CSS, Framer Motion, TypeScript
• State Management: React Hooks
• Tesseract: OCR(optical character recognition) engine - https://github.com/tesseract-ocr/tesseract

Project Structure

• src/ – Main source directory
• app/ – Next.js app directory (Routing, Pages, Layouts)
• components/ – Reusable UI components
• lib/ – Utility functions and API handlers
• public/ – Static assets (SVGs, Images, Sounds, tessdata)

Installation & Setup

Prerequisites

• Node.js (Latest LTS version recommended)
• npm / yarn (For package management)
• Next.js (Installed via package.json)
• Tailwind CSS (Configured with PostCSS)

Steps

1. Clone the repository

   git clone https://github.com/ChopinF/AlphaSense.git
   cd AlphaSense

2. Install dependencies

   npm install

3. Run the application

   npm run dev

4. Open in browser http://localhost:3000