🇫🇷 French Learning Web App

A beginner-friendly French learning website built using HTML, CSS, and JavaScript. This project helps learners practice French basics with interactive features like voice pronunciation, flashcards, and quizzes.

✨ Features

✅ French Alphabet Learning – Click any alphabet to hear its pronunciation ✅ Numbers Learning – Learn numbers with sound ✅ Colors in French – Color list with audio pronunciation ✅ Flashcards Mode – Memorize words with visual flip-cards ✅ Interactive Quiz – Test your knowledge ✅ User-Friendly UI – Simple, clean, and beginner-friendly ✅ Fully Client-Side Project – No backend required

🛠️ Technologies Used Technology Purpose HTML5 Structure of the website CSS3 Styling & animations JavaScript Interactivity & audio features Speech / Audio Files French pronunciation 📁 Folder Structure French-Learning-App/ │── index.html │── style.css │── script.js │── /assets │ ├── audio/ │ └── images/ └── README.md

🚀 How to Use

Click on the Link for Live demo https://comforting-khapse-3006a8.netlify.app/

Click on alphabets, numbers, or colors to hear pronunciation

Try flashcards & quiz to test your learning

🎯 Learning Goals

Help beginners learn French basics

Build strong pronunciation, word memory & spelling

Provide a fun learning experience for students

📚 Future Improvements

✅ Add Daily Practice Mode

✅ Add Score History

🔜 Add French Phrases Section

🔜 Add User Progress Tracking

🔜 Mobile App Version

🙌 Contribution

Feel free to contribute! Fork → Edit → Pull Request

❤️ Credits

Developer: Saurabh

Language: French

Purpose: Educational project for beginners

📜 License

This project is open-source and free to use for learning.