Skip to content

O Rocketnotes é uma aplicação web na qual os usuários podem se cadastrar e criar de forma organizada anotações sobre determinados assuntos

License

Notifications You must be signed in to change notification settings

PabloXT14/Rocketnotes-Web

Repository files navigation

Rocketnotes Rocketnotes Web

GitHub language count GitHub Top Language Repository size GitHub last commit License Stargazers

cover rocketnotes web

🚀 Aplicação Finalizada 🚀

About | Layout | Deploy | How It Works | Technologies | Author | License

💻 About

O Rocketnotes é uma aplicação web na qual os usuários podem se cadastrar e criar de forma organizada anotações sobre determinados assuntos, tendo disponível a adição de titulo, descrição, links e tags para cada nota, além de contar a edição de perfil do usuário, podendo alterar seu avatar, nome, email e senha.

Vale ressaltar que este projeto faz parte da trilha/curso Explorer oferecida pela Rocketseat para quem tiver interesse.


🎨 Layout

Você pode visualizar o layout do projeto através desse link. É necessário ter conta no Figma para acessá-lo.

Web

SignUp

Rocketnotes Web Demonstration SignUp

SignIn

Rocketnotes Web Demonstration SignIn

Home

Rocketnotes Web Demonstration Home

Perfil

Rocketnotes Web Demonstration Perfil

Note Preview

Rocketnotes Web Demonstration Note Preview

Note Create

Rocketnotes Web Demonstration Note Create


🔗 Deploy

Para acessar o deploy do Website da aplicação basta clicar no link a seguir: Link

Obs: a aplicação pode demorar um pouco para entrar na primeira execução depois de um tempo, devido ao back-end estar rodando através do plano gratuito na plataforma de hospedagem.


🚀 How it works

Este projeto contem parte Front-end(React) e Back-end(Node), no entanto, neste repositório só está a parte Front-end Web, para acessar o repositório do Back-end acesse o seguinte link

Pré-requisitos

Antes de baixar o projeto você vai precisar ter instalado na sua máquina as seguintes ferramentas:

Além disto é bom ter um editor para trabalhar com o código como VSCode

Obs: e não se esqueça que também precisa rodar/executar o back-end da aplicação para buscar e checar os dados necessários

🧭 Rodando a aplicação web (Frontend)

# Clone este repositório
$ git clone [email protected]:pabloxt14/Rocketnotes-Web.git

# Vá para a pasta da aplicação Front End
$ cd Rocketnotes-Web

# Instale as dependências
$ npm install

# Execute a aplicação em modo de desenvolvimento
$ npm run dev

# A aplicação será aberta em uma porta especificada no terminal de execução

🛠 Technologies

As seguintes ferramentas foram usadas na construção do projeto:

Website (Vite + TypeScript)

Para mais detalhes das dependências gerais da aplicação veja o arquivo package.json


✍ Author

PabloXT14

Linkedin Badge

Gmail Badge


📝 License

Este projeto esta sobe a licença MIT.

Feito com 💜 por Pablo Alan 👋🏽 Entre em contato!

About

O Rocketnotes é uma aplicação web na qual os usuários podem se cadastrar e criar de forma organizada anotações sobre determinados assuntos

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published