A vibrant and interactive React application designed to help beginners learn the French language through a structured book-reading program. The app emphasizes gradual improvement by encouraging users to read two books a month and progressively increasing their reading levels.
- Welcoming and elegant design introducing users to the app.
- Overview of the reading program.
- Browse books by difficulty level: Beginner, Intermediate, and Advanced.
- Book cards display:
- Cover image
- Title and author
- Level tag
- Calendar or timeline view for the monthly reading plan.
- Highlights current month’s books and upcoming levels.
- Track progress:
- Total books read
- Current reading level
- Completion percentage
- Motivational French quotes to inspire learning.
- Display "Word of the Day" or key phrases from books.
- Users can mark words as "learned."
- Mini-games like matching French words or fill-in-the-blank exercises.
- Animated elements for user engagement.
- React.js: Component-based library for UI development.
- React Router: For seamless navigation between pages.
- CSS Frameworks:
- Tailwind CSS or Material-UI for modern styling.
- CSS animations for interactive elements.
- State Management: React Hooks (
useState,useEffect) for managing state and mock data.
- Clone the Repository:
git clone https://github.com/your-username/french-language-learning-app.git cd french-language-learning-app