⚛️ RedTag is a e-commerce platform designed assignment. Whether you are browsing products, adding items to your cart. With its single component architecture, the app delivers robust performance and responsiveness across various devices, including small screens and tablets.
appPreview.mp4
-
Localization: Supports English and Arabic translations, enabling users to switch languages. It detects the phone's language upon first launch and opens in Arabic if the phone's language is set to Arabic. After the initial launch, if the user manually changes the language, the app will always open in the selected language.
-
Fully Responsive Design: Tested on small screens and tablets to ensure a consistent user experience across devices.
-
Animations: Add animation for selecting the language, rendering the FlatList item, and adding items to the cart.
-
AsyncStorage And UseContext API: If the user kills the app and opens it again, it will show the selected language and the items in the cart.
-
Image Caching: Cache the remote image URL so the image loads faster next time..
- FlatList Animation: I followed this amazing artical : https://www.reactiive.io/articles/animated-flat-list
- Language Selector Animation: I followed this amazing video : https://www.youtube.com/watch?v=POMaQqGu8bo
- JS Docs: ChatGPT was used for assistance in writing JavaScript documentation.