castelogui/agenda

Aplicação de uma agenda com nodejs e react

Agenda

Aplicação de uma agenda com nodejs e react. Um teste de aplicação web servindo de aprendizagem e fixação de novos conhecimentos.

Utilizei os conhecimentos adquiridos na Semana Omnistack, em especial a Semana Omnistack 11.0

---

Tecnologias utilizadas:

  Node.js
  Mysql
  Knex
  React.js

---

BACKEND COM NODEJS

No backend utilizei o knex para manter conexão com bd mysql .

Criado dois controllers:

• Um para controlar ações do Profile
• Outro para o controle da Task

FRONTEND COM REACT

No frontend utilizei o axios para consumir a api Rest.

Criei dois components react:

• Um para renderizar a Dashboard:
  • Renderização de todos as tasks
  • Botão para adicionar uma nova task
  • Mais detalhes da task
  • Exclusão de uma task
• Outro para renderizar a adição de uma nova task

Utilizei alguns icones do react-icons.

---

Execução

É necessário ter Git, nodejs e react instalado em sua máquina

Clone o repositório em sua máquina

# Faça um clone com 
$ git clone https://github.com/castelogui/agenda.git

Backend

Configure a conexão com um banco de dados em backend/knexfile.js

No projeto utilizei o mysql mesmo, mas caso utilize outro banco visite Knexjs e procure o tipo de conexão para seu banco.

const knex = require('knex')({
  client: 'mysql',
  connection: {
    host : '127.0.0.1',
    user : 'your_database_user',
    password : 'your_database_password',
    database : 'your_database_name'
  }
});

No terminal em agenda/backend/

# Instale as dependências nescessárias
$ npm install

# Rode as migrates
$ npm run migrate

# Rode as seeds 
$ npm run seed

# Coloque a _api_ em execução
$ npm start

---

Frontend

Em agenda/frontend/

# Instale as dependências nescessárias
$ npm install

# Inicie o web em execução 
$ npm start  

agenda's Issues

Tasks

• Task Backend
  • Migrate
  • Controller:
    • Criação
    • Listagem
    • Exclusão
    • Edição
  • Rotas:
    • Criação
    • Listagem
    • Exclusão
    • Edição

---

• Task Frontend
  • Componente
    • Ações:
      • Criação
      • Listagem
      • Exclusão
      • Edição
    • Renderização
  • Rotas:
    • Criação
    • Listagem
    • Exclusão
    • Edição

---

• Conectar funções das tasks ao calendário

Calendário

• Criar calendário
• Renderizar Calendário