Skip to content

ataurwd/vocable-RR

Repository files navigation

Vocabulary Learning Website

Welcome to the Vocabulary Learning Website! This platform is designed to help users learn new vocabulary words, understand their meanings, and improve their pronunciation in different languages.

Features

  • Vocabulary Cards: Browse through a collection of vocabulary words with their meanings, pronunciation, and usage.
  • Audio Pronunciation: Listen to correct pronunciations of words in various languages (e.g., Italian, Japanese).
  • Responsive Design: The website is fully responsive and works on desktops, tablets, and mobile devices.
  • Interactive Learning: Users can click on vocabulary cards to hear pronunciation and see detailed information about words.

Technologies Used

  • Frontend:

    • React: A JavaScript library for building user interfaces.
    • Tailwind CSS: A utility-first CSS framework to create a beautiful and responsive design.
    • React-Speech-Kit: For integrating text-to-speech functionality to help with pronunciation.
    • React Router: For managing navigation and routing between different sections of the website.
    • Slick Carousel: For creating responsive, interactive sliders.
    • firebase: For user login and logout authntication.
  • Backend:

    • (Specify if you are using any backend technologies such as Node.js, Express, Firebase, etc.)

Installation

To run the project locally:

  1. Clone the repository:
    git clone https://github.com/Programming-Hero-Web-Course4/b9a6-retro-forum-ataurwd.git
    
    

Notes:

  1. The Backend section currently mentions Firebase, but you should adjust it if you’re using another backend.
  2. Replace the repository link https://github.com/your-username/vocabulary-learning.git with the actual link to your project repository on GitHub.
  3. You can expand or modify the Usage section based on any specific features or instructions for the users.

This should now be a complete README for your project!

About

Boost your vocabulary with this engaging web app featuring interactive tools, seamless navigation, and responsive design. Perfect for learners!

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages