Skip to content
This repository has been archived by the owner on May 22, 2023. It is now read-only.

StudynON/studynon.web

Repository files navigation

GPLv3 License

Owlrange Front-End 🖥️

Sumário

Sobre nosso Projeto

License: GPL v3

Este projeto tem como objetivo ajudar você nos seus estudos. 📚

Todos nós já passamos pelo problema de ter muito material de estudo e não conseguir definir um passo a passo e/ou acompanhar o quanto do material ja foi estudado. 😢

Com esse aplicativo, esse problema acaba. 😍

Problema

Quando estamos no processo de aprendizado, acabamos consumindo conteúdos sobre diversos assuntos, seja através de cursos, vídeo aulas, artigos, entre outros. Isso acaba desorganizando o dia a dia de estudo, criando o sentimento de que não estamos progredindo, e consequentemente, não evoluímos nessa busca pelo conhecimento.

Proposta

Diante da nossa problemática surge o Orange Notes, uma plataforma onde as pessoas poderão organizar seus cursos, vídeo aulas, artigos e tudo que envolve aprendizado em um local só, podendo ver seu progresso.

O que esperar?

  • Faça um cronograma;
  • Monte uma estratégia de estudos;
  • Estabeleça metas;
  • Crie recompensas.

Você pode encontrar mais detalhes sobre a ideia inicial do projeto no Figma.

Tecnologias que usamos

  • React + Typescript;
  • Styled Components;
  • Axios;
  • Framer Motion;
  • React Router DOM v6.

Dúvidas

Para dúvidas sobre o projeto Front-End, ou para o projeto em geral, por gentileza verifique primeiramente se sua dúvida consegue ser sanada no canal de status-projetos do servidor da Orange Juice no Discord.

Rodando localmente

Nesse projeto é usado apenas o Yarn como gerenciador de pacotes. Recomendamos que faça o mesmo, prevenindo eventuais problemas. Veja o website oficial do Yarn aqui.

Rodando o projeto

Para continuar, presupõe que haja instalado o Node em LTS.

  1. Clone o projeto
git clone git@github.com:owlrangenotes/owlrangenotes-frontend.git
  1. Entre no diretório do projeto e instale as dependências
cd owlrangenotes-frontend && yarn
  1. Inicie o projeto com o Vite
yarn dev  # Aguarde até que seja mostrado o link com o IP+porta