Skip to content

Project developed at Alura's React Immersion 2022 and evolved after, to practice React and other user interface technologies.

License

Notifications You must be signed in to change notification settings

tjas/tjas-aluratube

Repository files navigation

TJAS AluraTube

Status Website Hits Licence Commits Last commit Repo size Code size Stars Watchers Forks

Node Next React

⭐ Mark the project with a star. 👀 Watch the project for receive news.

⚙️ Access the demo and see the project working.

🇧🇷 Acesse a versão em Portuguese do Brasil desta página.

This project is an adaptation and evolution of the AluraTube project, proposed at Alura's 5th React Immersion, that occured in november 2022. It initially intended to spread basic knowledgements about ReactJS technology, but became an opportunity do practice and evolve personal skills in such technology and other related ones.


Preview


The React is a JavaScript library created by Facebook for building modern user interfaces, known as front-end applications, which are connected to back-end applications, that serves content and manage negocial rules in complex systems. The React runs over the NodeJS, an open-source, cross-platform JavaScript runtime environment, and is potencialyzed by other libraries and frameworks, mainly the NextJS, a very popular framework, wich is even used in this project.

The TJAS AluraTube is a video platform inspired by YouTube. However, the TJAS AluraTube does not intend to be an YouTube's copy, but even go beyond: taking the project developed at React Immersion as starting point, but proposing some innovative features that just refer to YouTube as the main videos and contents provider. Alura and AluraTube are trademarks of AOVS Sistemas de Informática S.A., all rights reserved. YouTube is a trademark of Google LLC, all rights reserved.

Getting Started

This is an example of how you may set up the project locally in your computer. To get a local copy up and running follow these steps:

  1. Make sure you have Node.JS 18.12.1+ with npm 8.19.2+ installed or do it from NodeJS.org;
  2. Make sure you have Git installed or do it from Git-scm.com;
  3. Access the folder you want to save the project, then clone the repo there
    git clone https://github.com/tjas/tjas-aluratube
  4. Access the project folder;
  5. Install the project dependencies (obtained by default from package.json file)
    npm install
  6. Run the application
    npm run dev
  7. Finally, access the aplication at http://localhost:3000

Contributing

  1. Fork it!
  2. Create your feature branch:
    git checkout -b my-new-feature
  3. Add files changed:
    git add .
  4. Commit your changes:
    git commit -m "Add some useful comment here"
  5. Push to the branch:
    git push origin my-new-feature
  6. Submit a pull request
    • Add a title and description that let clear your suggestion;
    • Use the English language for comments and branch names;
    • After your pull request is merged, you can safely delete your branch.

Todo List

  • Obtain a list of videos dinamically from Google API;
  • Add fade efect in horizontal scrolls extremities;
  • Create, edit and remove playlists;
  • Add and remove videos;
  • Add and remove favorites;
  • Edit user profile informations;
  • Persist informations in local data base;
  • Translate to other languages;
  • Create login page;
  • Separate public and private pages.

References

Other interesting links

Contact

Thiago Jorge Almeida dos Santos, project author and maintainer.

LinkedIn YouTube Instagram Website GitHub

Licence

Releases

No releases published

Sponsor this project

 

Packages

No packages published