Skip to content

mocca-dev/yoketube

Repository files navigation

LinkedIn


Logo

YokeTube

This app start as a solution for a daily problem and then I ended up using it to put in practice several NextJS concepts and learn about it.
View Demo

Logo

Table of Contents
  1. About The Project
  2. Getting Started
  3. Usage
  4. License
  5. Contact

About The Project

Logo


I was looking for a specific solution for one "problem". I wanted to do my daily workouts from different youtube playlists but the overall process was too complicated. So I ended up creating this app. Here, you will have the ability to create/edit lists and asign them to each day of the week. After that you can just play those lists and enjoy the content.

(back to top)

Built With

(back to top)

Getting Started

This app is made with NextJS so the installation process is simple.

Installation and Startup

  1. Clone the repo
    git clone https://github.com/mocca-dev/yoketube
  2. Install NPM packages
    npm install
  3. Finally you have to simply run the app and you're ready to go with the client.
    npm run dev

(back to top)

Usage

Main Screen

Logo

When you first enter to the app you will be received by the Today card of the week. Here you can just start playing the current list and start to do you favorite workout.

(back to top)

New List

Logo

The first time you open the app you have to create a new list. To do this, you must touch the +Add new list button and you will be redirected to the New list screen. Here you have to enter a name and the youtube video links that you want in to your new list. When you have finished with name and links just touch the Save button.

(back to top)

Empty Day

Logo

After you create your lists you will have to select one, just touch over some list and touch Set list button.

(back to top)

Editing List

Logo

If you want to edit a list, just touch the Edit icon in the menu bar at the bottom. After that, you have to touch the Edit icon again but this time you have to choose the list that you want to edit.

(back to top)

Playing List

Logo

When you are ready with the playlist, just touch the cross in the up right corner of the screen.

(back to top)

License

Distributed under the MIT License. See LICENSE.txt for more information.

(back to top)

Contact

Nicolás Tonelli - [email protected]

Project Link: https://github.com/mocca-dev/yoketube

(back to top)