GithubHelp home page GithubHelp logo

caique-dev / gym-manager Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 2.96 MB

Uma aplicação web feita com Express que conecta Personal Treiners e alunos cadastrados.

License: MIT License

CSS 16.72% JavaScript 47.48% HTML 35.80%
nodejs express javascript nunjucks html

gym-manager's Introduction

Gym Manager

Launchbase

📓 Sumário

🚀 Sobre a aplicação

Esse projeto foi desenvolvido durante o curso LaunchBase - RocketSeat. A aplicação Gym Manager visa conectar Personal Trainers e alunos apaixonados pelo mundo fitness. Nessa etapa do curso estamos aprendendo a criar um servidor HTTP com Express e também tudo que é necessário para gerenciá-lo, como criação das rotas, persistência dos dados e configuração de um tamplate engine, no caso, o Nunjucks. As partes mais importantes do projeto já estão prontas, como o cadastro, edição e listagem dos perfis, mas ainda quero adicionar mais funcionalidades. Quase finalizado.

💡 Ideias que ainda vou implementar

  • Responsividade - Nos dias de hoje os celulares são muito utilizados para acessar a internet, por isso a reponsividade é indispensável;
  • Aprimoramento dos formulários de cadastro - Melhorar a experiência do usuário na página de cadastro, através do aprimoramento do formulário;
  • Estratificar todas as folhas de estilo - Organizar melhor o estilo da aplicação, separando todas as folhas de estilo por página ou seção;
  • Melhoria na comunicação - Melhorar a comunição entre instrutores e alunos cadastrados, através de um chat na própria plataforma ou outras soluções.

🤖 Tecnologias utilizadas

  • Express - Dependência utilizada para criar e gerenciar nosso servidor HTTP;
  • Nunjucks - Dep. Utilizada como Template Engine, para usufruirmos de um HTML dinâmico;
  • Nodemon - Dep. que reinicia o servidor a cada atualização nos arquivos observados;
  • Browser Sync - Dep. que atualiza o navegador a cada atualização nas pastas observadas;
  • NPM Run All - Dep. que possibilita rodar paralelamente o Nodemon e o Browser Sync;
  • HTML, CSS e JavaScript

⚡ Como executar essa aplicação em sua máquina

# Instale o NodeJS (Versão LTS)
https://nodejs.org/en/

# Instale o GIT para Windows ou Mac
https://gitforwindows.org/
https://git-scm.com/download/mac

# Acesse o git bash e clone o repositório
git clone https://github.com/caique-dev/gym-manager

# Ainda no terminal, entre no diretório
cd gym-manager

# Baixe as dependências
npm install

# Execute o servidor
npm start

# No seu terminal deve aparecer
O servidor está ligado e pode ser acessado na em http://localhost:5000
Para desligar o servidor, tecle "ctrl + c" no terminal

Feito isso, abra o seu navegador e acesse http://localhost:5000/

Caso queira iniciar a aplicação usando as ferramentas de desenvolvimento, como o Nodemon e o Browser Sync, você deve teclar npm run dev no terminal.

👀 Preview

Clique para ver individualmente

Home:

Instrutores Home Instructors

Membros Home Members


Página de Cadastro:

Instrutores Cadastro Instructors

Membros Cadastro Members


Página de Exibição:

Instrutores Exibição Instructors

Membros Exibição Members


Página de Edição:

Instrutores Edição Instructors

Membros Edição Members

📝 Licença

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

📞 Contatos

Linkedin Badge Linkedin Badge Rocktseat

Desenvolvido com ❤️ por Caique Andrade

gym-manager's People

Contributors

caique-dev avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.