GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → rojasleon → search-music

rojasleon / search-music

Licence: other
Search music by Spotify API

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Labels

reactreduxnodejsherokumongodbreact-reduxmongodb-atlasspotify-demo

Projects that are alternatives of or similar to search-music

role-based-access-control
Role-based authorization || Role-based access-control in React.js
Stars: ✭ 111 (+593.75%)
Mutual labels:  react-redux
awesome-web-react
🚀 Awesome Web Based React 🚀 Develop online with React!
Stars: ✭ 31 (+93.75%)
Mutual labels:  react-redux
ts-react-boilerplate
A very opinionated (React/TypeScript/Redux/etc) frontend boilerplate
Stars: ✭ 43 (+168.75%)
Mutual labels:  react-redux
The-Complete-Redux-Book
Перевод книги The Complete Redux Book
Stars: ✭ 49 (+206.25%)
Mutual labels:  react-redux
react-native-boilerplate
A collection of curated and well maintained React Native boilerplates with various possibilities and combinations.
Stars: ✭ 24 (+50%)
Mutual labels:  react-redux
atlascli
Python API for the MongoDB Atlas API
Stars: ✭ 14 (-12.5%)
Mutual labels:  mongodb-atlas
React Sight
Visualization tool for React, with support for Fiber, Router (v4), and Redux
Stars: ✭ 2,716 (+16875%)
Mutual labels:  react-redux
spendlogs
SpendLogs - Personal Expense Manager
Stars: ✭ 18 (+12.5%)
Mutual labels:  react-redux
fetch-action-creator
Fetches using standardized, four-part asynchronous actions for redux-thunk.
Stars: ✭ 28 (+75%)
Mutual labels:  react-redux
amazin
A MERN-stack app for eCommerce platform, Webshop, Web Store. Storybook: https://www.amazin.one/ Alternative: https://ntrix.github.io/amazin-story
Stars: ✭ 27 (+68.75%)
Mutual labels:  mongodb-atlas
react-imago3d
WebVr Environment editor
Stars: ✭ 17 (+6.25%)
Mutual labels:  react-redux
spring-boot-react-ecommerce-app
eCommerce application based on the microservices architecture built using Spring Boot and ReactJS.
Stars: ✭ 221 (+1281.25%)
Mutual labels:  react-redux
rematch
The Redux Framework
Stars: ✭ 8,340 (+52025%)
Mutual labels:  react-redux
semantic-ui-react-todos
The ReactJS/Redux Todo List Example with Semantic UI Components
Stars: ✭ 96 (+500%)
Mutual labels:  react-redux
easywebpack-react
React Webpack Building Solution, Support React Server Side Render (SSR), Client Side Render (CSR) Building
Stars: ✭ 14 (-12.5%)
Mutual labels:  react-redux
Pokedex
List of pokémon with live search
Stars: ✭ 236 (+1375%)
Mutual labels:  react-redux
promotion-web
基于React: v18.x.x/Webpack: v5.x.x/React Router v6.x.x/ Antd: v5..x.x/Fetch Api/ Typescript: v4.x.x 等最新版本进行构建...
Stars: ✭ 374 (+2237.5%)
Mutual labels:  react-redux
o-fish-ios
iOS app for the Officer's Fishery Information Sharing Hub (O-FISH). The mobile app allows fisheries officers to document and share critical information gathered during a routine vessel inspection.
Stars: ✭ 28 (+75%)
Mutual labels:  mongodb-atlas
rgxp
Regular Expression Collection (ReactJS, Redux, React Router, Recompose, NodeJS, Express)
Stars: ✭ 62 (+287.5%)
Mutual labels:  react-redux
gotoReact-
react的一些案例
Stars: ✭ 20 (+25%)
Mutual labels:  react-redux
View All Similar Projects ➔

SearchMusic

Search your favorite song by the Spotify API

Prerequisites

  • Node 11.13.0 or greater
  • Npm 6.9.0 or greater
  • Git 2.20.1 or greater

All of these must be available in your $PATH. To verify things are set up properly, you can run this:

node --version
npm --version
git --version

Getting started

Download the repo.

git clone [email protected]:rojasleon/search-music.git
(or download the .zip)

Configuration

Install dependencies

npm install
or
yarn install

Configure your database in mlab

// create a new database
// create a new user
// copy the mongoDB URL 
// Example: mongodb://myuser:[email protected]:33875/search-music-prod
// create a new file (dev.js) in ./config

// Use this structure
// module.exports = {
    googleClientID: '',
    googleClientSecret: '',
    mongoURI: '',
    cookieKey: ''
};
// Put the url in mongoURI: 'here'
// Your database is ready 🤪.

Configure your app in google

// create a new application
// download your credentials or copy it
// You need the client secret and the client ID
// Copy your data into key.js
// It's already.

Running the app

Server with client:

npm run dev (Recommended)

server:

npm run server

client

npm run client

Author

Juan Luis Rojas León

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].