Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rl4444/lyrical_app
Song writing app using React GraphQL and GraphQL Apollo Client
https://github.com/rl4444/lyrical_app
Last synced: about 1 month ago
JSON representation
Song writing app using React GraphQL and GraphQL Apollo Client
- Host: GitHub
- URL: https://github.com/rl4444/lyrical_app
- Owner: RL4444
- Created: 2019-08-07T10:14:49.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2022-12-11T01:08:26.000Z (about 2 years ago)
- Last Synced: 2023-03-03T16:40:46.949Z (almost 2 years ago)
- Language: JavaScript
- Size: 907 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 15
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Lyrical-GraphQL
Lyrical is built using React, React-Router, MongoDB, React-Apollo, GraphQL (Express). This app allows users to create their own songs and lyrics, and letting other users vote on which lyrics they like.
The app is part of Stephen Grider's Udemy Course of 'GraphQL with React: The Complete Developers Guide' (https://www.udemy.com/graphql-with-react-course), which I cannot recommend highly enough.
To test this app, clone this repo and run 'npm install' or 'yarn install'.
Create a mongo database (at cloud.mongodb.com || mlab) to store your info for the app. Obtain the collection's URI link to create sync a data collection for this app. (This app is configured to work with a live database instead of a local setup)
Add your username and password credentials for MongoDB as per example in ./server/server.js
##You can also create a file at the root of the app's directory called 'secrets.json' as per what I have done to protect my credentials.
##MAKE SURE CREDENTIALS ARE NEVER EXPOSED ON GitHub!
Launch the local dev server with the command 'npm run dev' or 'yarn run dev' depending on your package manager.
You can navigate to localhost:4000/ in your browser to start using this app, and localhost:4000/graphql to test the app's api.
Have fun!