Skip to content

Built with React, TypeScript and styled using Tailwind CSS, this Quran web app allows users to view verses, search for verses and switch between languages. It supports both English and Turkish, includes Dark/Light Mode switching, and provides voiceover functionality in both languages.

License

Notifications You must be signed in to change notification settings

0MeMo07/Quran-Web-Application

Repository files navigation

Quran Web Application

📖 Quran Web Application

A modern, feature-rich Quran application built with React and TypeScript

React TypeScript Redux Tailwind

✨ Features

🔍 Advanced Search

  • Powerful verse search functionality
  • Real-time search results

🌍 Multi-language Support

  • English and Turkish translations
  • Seamless language switching
  • Complete UI localization

🎨 Modern UI/UX

  • Elegant dark/light mode
  • Responsive design for all devices
  • Smooth animations and transitions

🔊 Audio Features

  • High-quality voice-over support
  • Audio playback controls

🛠️ Tech Stack

Frontend

  • React.js - Modern UI development
  • Redux Toolkit - State management
  • Tailwind CSS - Styling and design
  • TypeScript - Type-safe development

Backend Integration

🚀 Getting Started

Prerequisites

Before you begin, ensure you have the following installed:

  • Node.js (v14 or higher)
  • npm or yarn package manager
  • Git

Installation Steps

  1. Clone the Repository

    git clone https://github.com/0memo07/Quran-Web-Application.git
    cd Quran-Web-Application
  2. Install Dependencies

    # Using npm
    npm install
    
    # Using yarn
    yarn install
  3. Start Development Server

    # Using npm
    npm run dev
    
    # Using yarn
    yarn dev
  4. Build for Production

    # Using npm
    npm run build
    
    # Using yarn
    yarn build

🤝 Contributing

Contributions are always welcome! See CONTRIBUTING.md for ways to get started.

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

About

Built with React, TypeScript and styled using Tailwind CSS, this Quran web app allows users to view verses, search for verses and switch between languages. It supports both English and Turkish, includes Dark/Light Mode switching, and provides voiceover functionality in both languages.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published