https://github.com/jmrashed/learn-arabic-language
While learning the Arabic alphabet, I could recite the letters in order but struggled with random sequences. To address this, I created a web application to quiz letters randomly. This tool helps with learning and might be useful to others facing the same challenge.
https://github.com/jmrashed/learn-arabic-language
arabic arabic-alphabets arabic-language bootstrap5 html5 jquery learning
Last synced: 4 months ago
JSON representation
While learning the Arabic alphabet, I could recite the letters in order but struggled with random sequences. To address this, I created a web application to quiz letters randomly. This tool helps with learning and might be useful to others facing the same challenge.
- Host: GitHub
- URL: https://github.com/jmrashed/learn-arabic-language
- Owner: jmrashed
- License: gpl-3.0
- Created: 2024-08-11T18:47:14.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-08-22T05:25:14.000Z (11 months ago)
- Last Synced: 2025-01-07T20:14:18.965Z (6 months ago)
- Topics: arabic, arabic-alphabets, arabic-language, bootstrap5, html5, jquery, learning
- Language: HTML
- Homepage: https://learning-arabic-alphabet.vercel.app
- Size: 2.61 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# Learning Arabic Alphabet
A web application designed to help users practice and learn the Arabic alphabet through various interactive features.
## Features
- **Random Letter Practice**: Tests your ability to identify Arabic letters in random order.
- **Draw Letter**: Allows you to draw Arabic letters to practice writing them.
- **Read Letter**: Provides audio playback to help with pronunciation and recognition of Arabic letters.
## Technologies Used
- **HTML**: Markup language for structure.
- **Bootstrap 5**: For responsive design and styling.
- **jQuery**: For DOM manipulation and interaction.
## Getting Started
1. **Clone the Repository**:
```bash
git clone [email protected]:jmrashed/learning-arabic-alphabet.git
```
2. **Navigate to the Project Directory**:
```bash
cd learning-arabic-alphabet
```
3. **Open the Application**:
Open `index.html` in your web browser.
## Directory
Here is an overview of the project directory:
```
learn-arabic-language/
├── LICENSE.txt
├── README.md
├── aboutus.html
├── assets/
├── css/
├── style.css
├── images/
├── cart.html
├── checkout.html
├── contact.html
├── courses.html
├── dashboard/
├── BeginnerArabic.html
├── alphabet.html
├── color.html
├── draw.html
├── fish.html
├── flowers.html
├── fruits.html
├── index.html
├── months.html
├── numbers.html
├── static/
├── css/
├── style.css
├── js/
├── app.js
├── letters/
├── audios/
├── images/
├── vocabularies.html
├── favicon.ico
├── forgot-password.html
├── index.html
├── login.html
├── order-placed.html
├── register.html
├── reset-password.html
```
## Usage
- **Random Letter Practice**: Click the "Practice" button to start a quiz where letters are displayed randomly.
- **Draw Letter**: Use the drawing interface to practice writing Arabic letters.
- **Read Letter**: Click on a letter to hear its pronunciation.
## Contributing
Feel free to contribute by opening issues or submitting pull requests. For major changes, please open an issue first to discuss what you would like to change.
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## Acknowledgements
- [Bootstrap 5](https://getbootstrap.com/)
- [jQuery](https://jquery.com/)
## Contact
For questions or feedback, please contact [[email protected]](mailto:[email protected]).