React Native Application - Frontend Masters

An Application built with React native to implement the core features in two separated courses from frontend-masters.

Table of Contents

What I have Learned
Features
Demo
Installation
Usage
Technologies
Contributing

What I have Learned

What is React Native
How to build application with Expo
Debugging React native apps
Adding styles with StyleSheet
Using FlatList and sectionList
Fetching data from network requests
Refreshing
Launching modals
How to build forms
Using typescript with React Native
How to create bottom navigation
How to use React Context to store global app state
Persisting data across app launches
Rendering images locally and via network url
Adding custom fonts
Animations using LayoutAnimation
Animations using Reanimated Library
Adding app icons
Data visualization in application

Features

Async Storage: Allow users to create new data and presisted when the app launches again.
Navigation: Allow users to navigate through the app.
Delete: Allow users to delete data from Async Storage.

Demo

Installation

Clone the repository:

git clone https://github.com/Shaban-Eissa/React-Native-FrontendMasters

Navigate to the project directory:
```
cd React-Native-FrontendMasters
```
Install dependencies:
```
npm install
```

Usage

Start the UI:
```
npx expo start
```

Technologies

This project utilizes a robust stack of modern technologies for efficient development and optimal user experience:

React Native
Expo
Async Storage
Reanimated
React Native linear-gradient
Date Fns
React Navigation

Contributing

Contributions are welcome! Please follow these guidelines:

Fork the repository.
Create a new branch for your feature/bugfix: git checkout -b feature-name.
Commit your changes: git commit -m 'Add some feature'.
Push to the branch: git push origin feature-name.
Open a pull request.