Skip to content

zahidedusgun/ReactNative-DictionaryApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Wordland Dictionary App 📚📱

Project Overview📝

This React Native-based mobile application aims to address current challenges in language learning by providing a solution-oriented approach. In addition to learning the meanings of new words, the app focuses on teaching users the correct pronunciation, usage in sentences, and word types (noun, verb, adjective). The goal is to offer users a dynamic, interactive, and accessible dictionary experience to enhance their English learning process effectively.

Project Progress 🚀

  • Setup: React Native and Expo Go installations have been successfully completed for project initialization.

  • Interface Design: The project's interface has been designed using Canva, and the design has been translated into code by assigning CSS properties to React Native components.

  • Data Retrieval from API: English words and their properties have been fetched from the dictionaryapi.dev using the fetch function.

  • Audio Feature: An audio feature has been incorporated, allowing users to listen to the pronunciation of the searched word using the expo speech library.

  • Button Functions: Functions for Search, Sound, and Clean buttons have been implemented to interact with the API and manipulate the display.

Technologies Used 🛠️

  • Visual Studio Code: A critical development tool for React Native projects, providing cross-platform compatibility and smooth operation on different operating systems.

  • React Native: A framework optimizing mobile app development processes, allowing the creation of applications compatible with both iOS and Android platforms using the same codebase.

  • Expo Go: A mobile app example supporting the rapid development and testing of React Native projects.

  • Android Studio: An integrated development environment for Android app development, facilitating the integration of platform-specific features.

  • Github: A web-based platform for code storage, version control, collaboration, and project management.

  • Canva: An online design platform used for creating and editing graphic design projects.

How to Use 📖

Follow these steps to get started with the Wordland Dictionary App:

  1. Clone the Repository:

    git clone https://github.com/your-username/Wordland-Dictionary-App.git
  2. Open the Project: Open the project in Visual Studio Code or your preferred Integrated Development Environment (IDE).

  3. Run the Project: Run the project on your mobile phone or emulator using Expo Go.

Feel free to explore the application and contribute to its development! 🚀👩‍💻

Interface of App 🖥️

1