julioflima / TrelloClone

Project similar to Trello, containing, frontend in React, database in PostgreSQL, backend in Express, hosted in Heroku. Challenge project for Liv Saúde, job hunting.

Home Page:https://trello-clone-liv-saude.herokuapp.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

DEMO!!!

Hosting:

A aplicação encontra-se hospedada no Heroku. Para isso, como a aplicação foi inicialmente pensada como "monorepo", houve alguns conflitos, na hospedagem do Heroku (nada que com mais tempo não pudesse ser resolvido). Desse modo fora criado esse repositório para unificar os diretórios e os diretórios backend e frontend foram dividos em outros dois repositórios. Segue abaixo os respectivos links:

Link Repositório Backend: https://github.com/juloko/TrelloClone-Backend

Link Repositório Frontend: https://github.com/juloko/TrelloClone-Frontend

Deploy

Link Backend: https://trello-clone-liv-saude-backend.herokuapp.com

Link Frontend: https://trello-clone-liv-saude.herokuapp.com

Back End:

Na aplicação não fora utilizado scripts SQL puros, e sim uma tecnologia chamada Query Builder que possibilita por meio de código em JS, fazer uma chamada a scripts de maneira mais natural. A principal vantagem do Query Builder, é na verdade a portabilidade para qualquer banco de dados em SQL, seja ele, Oracle, MySQL ou PostgreSQL. O Query Builder, utilizado fora o Knex. Segue abaixo uma comparação entre as duas tecnologias:

Driver: SELECT * FROM users

Query Builder: table('users').select('*').where()

Também fora adicionado um Template compatível com o software Insomnia, para fazer a inserção de "To dos" e testar o endpoint.

No modo desenvolvimento fora utilizado o SQLite, e no modo produção o PostgreSQL, como pedido.

Front End

A aplicação fora desenvolvida em React, visando uma utilização em um computador. A responsividade aqui não fora o foco devido ao pouco tempo, novamente não seria nada complicado a implementação, no entanto o foco aqui foram as funcionalidades básicas.

Outras coisas que seriam fundamentais de serem implementadas, seriam o Drag and Drop para inverter as listas se necessários e as ordens dos cartões. Outra coisa que seria interessante seria implementar quem viu, quem alterou, o card e partir de cada card haver um link parar um documento onde pudesse haver mais explanações sobre o projeto, se escrever em mardown e adicionar imagens estáticas e gifs.

About

Project similar to Trello, containing, frontend in React, database in PostgreSQL, backend in Express, hosted in Heroku. Challenge project for Liv Saúde, job hunting.

https://trello-clone-liv-saude.herokuapp.com


Languages

Language:JavaScript 97.5%Language:HTML 2.5%