⭐ 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.
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.
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:
- Make sure you have Node.JS 18.12.1+ with npm 8.19.2+ installed or do it from NodeJS.org;
- Make sure you have Git installed or do it from Git-scm.com;
- Access the folder you want to save the project, then clone the repo there
git clone https://github.com/tjas/tjas-aluratube
- Access the project folder;
- Install the project dependencies (obtained by default from
package.json
file)npm install
- Run the application
npm run dev
- Finally, access the aplication at https://localhost:3000
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature
- Add files changed:
git add .
- Commit your changes:
git commit -m "Add some useful comment here"
- Push to the branch:
git push origin my-new-feature
- 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.
- 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.
- Node.JS LTS version;
- npm documentation;
- React.JS documentation;
- Next.JS documentation;
- Styled Components documentation;
- next.config.js file of Styled Components examples, for using React with Next;
- GitHub's API;
- Supabase documentation;
- Supabase-JS;
- Using the Effect Hook.
- Figma;
- Visual Studio Code, development interface;
- Unsplash, for free images;
- Material Design components;
- Vercel's GitHub profile;
- Styled Components official using examples;
- Alura's Github "Alura Challenges" profile, cool projects for reference;
- Project "Flappy Bird: Dev Soutinho";
- Project "Awesome Design Systems", for design systems reference;
- Alura Verso;
- TechGuide.sh, a roadmap for technology career;
- Vitrine Dev;
- Babel, a JavaScript compiler;
- QUOKKA, a JavasCript coding support tool;
- Supabase.
Thiago Jorge Almeida dos Santos, project author and maintainer.
- Code distributed under MIT License.