Giter Site home page Giter Site logo

aranteslucas10 / clone-tabnews Goto Github PK

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

Aprimorando meus conhecimentos com a implementação do https://www.tabnews.com.br feita no https://curso.dev

Home Page: https://clone-tabnews-pi-ruddy.vercel.app

JavaScript 55.70% HTML 44.30%

clone-tabnews's Introduction

clone-tabnews

Aprimorando meus conhecimentos com a implementação do https://www.tabnews.com.br feita no https://curso.dev

Dependências

Fundação

Instalação da versão do node.js

  1. Instalar a versão lts/hydrogen do node utilizando nvm (Nove Version Manager).
nvm install lts/hydrogen
  1. Defininado a versão padrão node.js
nvm alias default lts/hydrogen
  1. Definindo versão do node.js utilizando o arquivo .nvmrc (Node Version Manager Run Commands).

Arquivos com o final rc geralmente são utilizados para definir comandos executados na inicialização da ferramenta.

Arquivo necessita de uma linha em branco no final.

lts/hydrogen

nvm install

Instalação dos pacotes

  1. Inicialização do arquivo package.json npm (Node Package Manager)

    Presione enter em todas as perguntas, exceto a sobre licensa, onde deve ser digitado MIT.

npm init
  1. Instalando pacotes e suas respectivas versões.
npm install [email protected]
npm install [email protected]
npm install [email protected]

Deploy Site Estático com o GitHub Pages

Gerar Site Estático

npm run build
npm run export

Antes de começar a codar

npm run compose:local:up ou compose:local:recreate
npm run dev
npm run test:watch

Obs.: Criar um script para inicializar tudo isso ao começar a codar!

clone-tabnews's People

Contributors

aranteslucas10 avatar

Watchers

 avatar

clone-tabnews's Issues

Continuous Integration

  • Estabilizar Ambiente Local
  • Estabilizar Teste Locais
  • Estabilizar o CI
  • Refatorações Gerais

Migrations

  • Executar Migrations por Linha de Comando
  • Executar Migrations pelo endpoint /migrations

Linter de Código

  • Garantir Estilização com Prettier
  • Garantir Qualidade com ESLint

Banco de Dados (Local)

  • Criar endpoint /status
  • Subir Banco de Dados Local
  • Criar arquivo módulo database.js
  • Derivar configurações de variáveis de ambiente .env
  • Mover arquivo .env para .env.development
  • Adicionar os scripts dos serviços
  • Adicionar .jsconfig.json com o baseUrl
  • Finalizar retorno do endpoint /status

Proposta de Arquitetura e Pastas

📂 root
|  📂pages
|  |  🗄️ index.js
|  📂  models
|  |  🗄️  user.js
|  |  🗄️  content.js
|  |  🗄️  password.js
|  📂  infra
|  |  🗄️  database.js
|  |  📁  migrations
|  |  📂  provisioning
|  |  |  📁  staging
|  |  |  📁  production
|  📁  tests

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.