Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/zahidedusgun/reactnative-dictionaryapp
Design Project lecture codes
https://github.com/zahidedusgun/reactnative-dictionaryapp
android-studio api expo-go javascript react react-native ui
Last synced: 17 days ago
JSON representation
Design Project lecture codes
- Host: GitHub
- URL: https://github.com/zahidedusgun/reactnative-dictionaryapp
- Owner: zahidedusgun
- Created: 2023-12-10T17:26:48.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-01-15T22:17:01.000Z (12 months ago)
- Last Synced: 2024-04-23T20:22:16.905Z (8 months ago)
- Topics: android-studio, api, expo-go, javascript, react, react-native, ui
- Language: JavaScript
- Homepage:
- Size: 699 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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:**
```bash
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 🖥️
