Skip to content

razamsalem/TubeView

Repository files navigation

TubeView

Logo

Description

TubeView is a mobile application designed to provide users with a seamless experience for discovering and viewing YouTube videos. The app allows users to search for videos based on their interests, view trending content, and keep track of their search history and recently watched videos.

With TubeView, users can easily navigate through different video categories, ensuring an engaging and personalized viewing experience. The app prioritizes user-friendly features, including a clean interface and efficient search functionality.

How I Created This App

Technologies Used

  • React Native
  • Expo
  • Typescript

Tools

  • axios
  • Moment.js
  • React Native Async Storage
  • React Native Youtube iframe

Logical Thinking

Throughout the development process, the focus was on creating an intuitive and visually appealing application. The logical structure of the app ensures a seamless flow from searching for videos to watching them. 💻

Getting Started

To run TubeView locally, follow these steps:

  1. Clone the Repository:
    git clone https://github.com/razamsalem/TubeView
  2. Navigate to the Project Directory:
    cd TubeView
  3. Install Dependencies:
    npm i
  4. Run the Application:
    npx expo start
  5. Scan the qr code and open the app with Expo Go

Environment Variables

To run this project, you will need to add the next environment variable to your .env file

YT_API_KEY=[Your YouTube API key]

Don't worry there is a cache system 😉

Screenshots

Home Screen

App Screenshot


App Screenshot

Search Screen

App Screenshot

User data screen

App Screenshot

App Screenshot

About

TubeView is a versatile React Native app that serves as a dynamic video viewer, allowing users to explore and enjoy a wide array of content.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published