https://github.com/aszurar/controle_de_academia
Projeto de uma plataforma de gerenciamento de Intrutores e Membros de uma academia. Utilizando dos verbos HTTP para criação, edição, atualização, remoção e listagem de objetos além de novos conhecimentos de CSS e desenvolvimento web no geral pelo Bootcamp LaunchBase da Rocketseat!.
https://github.com/aszurar/controle_de_academia
css html javascript launchbase nunjucks projeto rocketseat
Last synced: about 2 months ago
JSON representation
Projeto de uma plataforma de gerenciamento de Intrutores e Membros de uma academia. Utilizando dos verbos HTTP para criação, edição, atualização, remoção e listagem de objetos além de novos conhecimentos de CSS e desenvolvimento web no geral pelo Bootcamp LaunchBase da Rocketseat!.
- Host: GitHub
- URL: https://github.com/aszurar/controle_de_academia
- Owner: Aszurar
- Created: 2020-10-06T00:46:19.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2020-10-22T01:34:14.000Z (over 5 years ago)
- Last Synced: 2025-08-18T09:46:18.440Z (10 months ago)
- Topics: css, html, javascript, launchbase, nunjucks, projeto, rocketseat
- Language: JavaScript
- Homepage:
- Size: 47.9 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Controle de Academia | LaunchBase
O projeto de Controle de Academia é uma plataforma de gerenciamento de membros e instrutures de uma academia!.
Controle de Academia
___
Sobre |
Motivo |
Requisitos |
Tecnologias |
Baixar e Executar
___
___
## :information_source: Sobre
O projeto de Controle de Academia é uma plataforma web voltada para o gerenciamentos de intrutores e membros de uma academia, sistema de cadastro, atualização, remoção e listagem em conjunto com os verbos HTTP dos participantes de uma academia foram alguns dos novos conhecimentos adquiridos nesse projeto do **Bootcamp LaunchBase da Rocketseat.**
___
## :interrobang: Motivo
O Intuito é praticar os conhecimentos absorvidos ao longo do curso de javascript, html, nunjucks, css, servidor, banco de dados dentre outros a fim de estabelece-los e fixa-los de forma sólida aumentando o portfólio pessoal.
___
## :seedling: Requisitos Mínimos
Node.js, Nunjucks, Express, Browser-sync, npm-run-all e method-override.
___
## :rocket: Tecnologias Utilizadas
O projeto foi desenvolvido utilizando as seguintes tecnologias
- [Node.js](https://nodejs.org/en/)
- [HTML](https://developer.mozilla.org/pt-BR/docs/Web/HTML)
- [CSS](https://developer.mozilla.org/pt-BR/docs/Web/CSS)
- [Nunjucks](https://mozilla.github.io/nunjucks/)
___
## :package: Como baixar e executar o projeto
- Clonar o projeto:
```bash
$ git clone https://github.com/Aszurar/Controle_de_Academia.git
```
- Entrar na pasta do projeto:
```bash
$ cd NomedaPasta
```
- Após instalar o Node.js, executar o npm:
```bash
$ npm init -y
```
- Instalar o Express:
```bash
$ npm install express
```
- Instalar o Nodemon:
```bash
$ npm install -D nodemon
```
- Após isso configure o script do arquivo package.json assim:
```json
"scripts": {
"start": "nodemon server.js"
}
```
- Instalar o Nunjucks:
```bash
$ npm install nunjucks
```
- Instalar o Browser-sync e npm-run-all:
```bash
$ npm install browser-sync npm-run-all -D
```
- Após isso configure o script do arquivo package.json assim:
```bash
"scripts": {
"start": "npm-run-all -p nodemon browsersync",
"nodemon": "nodemon server.js",
"browsersync": "browser-sync start --proxy http://localhost:5010 --files 'public,views'"
},
```
- Execução:
```bash
$ npm start
```
- A utilização d o browser-sync e npm-run-all basicamente serve para que o site seja aberto automaticamente assim que executamos o projeto, que a página na web se atualize cada veze que realizarmos alguma mudança no projeto, ou seja, a sincronia estea totalmente automática, facilitando o desenvolvimento.
- As configurações no serve.js já estão feitas para utilizarem essas ferramentas.
```json
{
"ignore": ["*.json"]
}
```
- Isso previne o projeto de ficar em loop de carregamento "infinito" no navegador quando uma mudança for feita no arquivo json de dados.
___
Desenvolvido por :star2: Lucas de Lima Martins de Souza.