Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/makarov-danil-school-projects-ctu/pet-graphql-song-app
https://github.com/makarov-danil-school-projects-ctu/pet-graphql-song-app
apollo-client graphql graphql-server-express mongodb nodejs reactjs
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/makarov-danil-school-projects-ctu/pet-graphql-song-app
- Owner: Makarov-Danil-School-Projects-CTU
- Created: 2024-08-24T01:36:31.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-08-24T02:09:25.000Z (5 months ago)
- Last Synced: 2024-10-31T11:05:46.831Z (3 months ago)
- Topics: apollo-client, graphql, graphql-server-express, mongodb, nodejs, reactjs
- Language: JavaScript
- Homepage:
- Size: 85.9 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# GraphQL Song App
## Main idea
This is a song writing application. The main idea is that we can create multiple songs. So we have song page, we list out all different songs. Each song is a collection of lyrics. If we click on a song, we go to song details, where we can see list of lyrics (each row for example). We can create new rows for that song and we can like rows.
## Features:
- MongoDB to store our songs and lyrics, ReactJs and NodeJs
- Usage of GraphQL Server and Apollo Client
- Defined GQL mutations and queries in our project
- Usage of different refetch techniques such as: .data.refetch() with mutation or dataIdFromObject
- Usage of graphql wrapped component, which can add variables for GQL mutations and queries
- Optimistic UI updates