sergiohdljr / movie-logger Goto Github PK

HTML 0.52% Vue 46.22% TypeScript 52.01% JavaScript 1.19% CSS 0.06%

movie-logger's Introduction

Movie Logger 📽️ 🎞️

O Movie Logger é uma aplicação simples para o registro de filmes assistidos. Seja um entusiasta de cinema, um crítico de filmes ou alguém que simplesmente adora acompanhar suas sessões de filmes, o Movie Logger é a um ótima ferramenta para manter o controle de todas as suas experiências cinematográficas.

front-end:

back-end:

folder structure

+-- movielogger
|   +-- client // front-end code 
|   +-- server // back-end code

Entity Relational Diagram

movie-logger's People

Contributors

Watchers

movie-logger's Issues

Toast of sucess color

check why the toast don't apply the color green.

Implement Debounce on search input

right now the search input use the onchange function to find the movies, but after each word one requisition is made, wich is not good for performance. The idea is implement a debounce on the search function and set a time of interval.

links :
https://lodash.com/docs/4.17.15#debounce

Refactor LogDiaryService.ts

Return only the months where there's a movie logged

use the reduce array method (https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce)

Create endpoint for movies logged

Create a endpoint to return all movies watched/logged for a user.

user must exist
user must be authenticated
return only the data from the movies watched

add logger on back-end

use morgan

the idea is the every request to the server be logged on terminal

Migrate components to shadcn/vue

Vuetify sucks

Pagination on logs

Study pagination methods as cursor-based pagination and offset pagination to understand wich fit my needs (https://www.prisma.io/docs/orm/prisma-client/queries/pagination)
Paginate the data of the endpoint GET /log
Implement pagination on front-end
( https://www.shadcn-vue.com/docs/components/pagination)

Add eslint and prettier to front-end

Cache data with Redis

the endpoints /profile and /log are the most used endpoints right now and would be good implement a cache estrategy to optimize the response time.

Dockerize server

when start the server should start :

nodejs app
postgres
redis

Update user

Create the service update user

the user should be allowed to update the follow fields :

name
avatar ( should use the UpdateAvatarService )
username ( check if there already a user with the same username, if so , throw a error )

User need to be authenticated to be able to updade his informations.

payload exemple : name: string, avatar: file, username: string

Show Any Eslint error: "lint": "eslint . --ext .ts",
Fix Eslint erros : "lint:fix": "eslint . --ext .ts --fix",
Format codebase files: "format": "prettier --write ."

Route for show log's w movies liked

create a route /logs/likes that will return logs with movies liked.