https://github.com/majkeloess/learntube

learning platform built with Expo and React Native
https://github.com/majkeloess/learntube

expo react react-native react-native-video react-video-player reactjs video video-player

Last synced: about 1 month ago
JSON representation

learning platform built with Expo and React Native

• Host: GitHub
• URL: https://github.com/majkeloess/learntube
• Owner: majkeloess
• Created: 2024-08-19T10:57:45.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-08-28T11:52:15.000Z (4 months ago)
• Last Synced: 2024-08-28T16:27:10.909Z (4 months ago)
• Topics: expo, react, react-native, react-native-video, react-video-player, reactjs, video, video-player
• Language: TypeScript
• Homepage:
• Size: 6.65 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 👋 Introduction

**learnTube** is React Native mobile app built with Expo. Application is an simple learning platform where you can search for videos, watch them and make notes.

The development of the project began on _19 August 2024_.

  

    

    

    

    

  

# ⚙️ Tech stack

- Expo

- React Native

- TypeScript

- NativeWind

- react-native-video

- Axios

- zod

# Installation

To run application locally you need to have `git`, `node.js` and `npm` installed locally on your machine.

## Cloning the repo and installing dependencies

```bash

git clone https://github.com/majkeloess/learnTube

cd learnTube

npm i

```

## Setting up environment variables

Change name of the `.env.example` file, into `.env` .

```env

EXPO_PUBLIC_YOUTUBE=

```

If you want to fetch data into app you need to have `YOUR_YT_API_V3_KEY`. You can get it from [Google console](https://console.cloud.google.com/). You'll need to create a new application that utilizes the YouTube v3 API. This process is more involved than the previous steps, so please refer to [documentation](https://developers.google.com/youtube/v3/docs) for guidance.

## Running the project

```bash

npx expo start

```

Scan QR code from terminal and open [Expo Go](https://expo.dev/go) on your device. You have to be connected to the same network as on your computer. 

## !Important

App right now uses [react-native-video](https://github.com/TheWidlarzGroup/react-native-video) Video component. It works only in dev build for specific platform because it uses native modules. If you want app work properly in Expo Go you have to change Video player (from `VideoPlayer` to `VideoPlayerAV`) in the file below:

```tsx

//  app/details/[id].tsx

      {/* temporary */}

      {/*  */}

      

      

        

          {data.snippet.title}

        

// ...

```

# License

This project is licensed under the MIT License.