MihirBegMusic .

TOC
About ● Features ● How It Works ● Installation ● Development ● Contact

Usage:

MihirBegMusic

Live Deployment

[Live Website]

About

● See Website ●
(Inspired by app name)

Describe overview of app, themes and philosophy, inspiration, audience, or whatever... 1-2 paragraphs

Features

Key action word a feature here.
Emphasize action for this feature.
Feature 3 highlights this benefit.

##For the Future

An optional brief note describing scheduling or other planning details.

Major (high priority) A major feature
Major A major feature
Minor (low priority) A minor feature
Maybe Undecided ideas or brainstorming

How It Works

1. Step One
How to Use Cool Feature ABC!
Troubleshooting Z

##1. Step One

To do a thing, follow this step.
TIP This is a helpful tip.
NOTE This is note about something.
WARNING! This is a warning!

Optional Special Section!
For any additional asides. Maybe illustrating a specific example, a table of information, a code snippet, or 'fun facts' or quotes!

A list

could be

nice too

| Header A | Header B | |-|-| | A | B |

##How to Use Feature ABC Repeat the pattern.

##Troubleshooting Z Repeat the pattern.

Installation

Create a new postgres database and owner.
Create a .env file matching the .env.example file and your new postgres information.
Migrate the database with npx sequelize-cli db:migrate.
Seed the migration with npx sequelize-cli db:seed:all.
Run locally with npm start.

##Get started on Heroku - Account, Database, Config Vars

Install the Heroku CLI, if you haven't done so already.
Create a free Heroku account.
Login and create a new Heroku app.
Navigate to the Resources tab an set up a 'Heroku Postgres' database for the app.
Select the 'Hobby Dev - Free' plan.
Navigate to the Settings tab. Click 'Reveal Config Vars'. Set the environment variables needed to run the app.

NOTE NEVER check in .env files or any private keys. Environment variables set in an .env file won't work in Heroku anyway.
NOTE See the DATABASE_URL is already set. This is done when the Heroku Postgres database was set up. Therefore, DB_USERNAME, DB_PASSWORD, and DB_DATABASE arent' required.

##Configure the app to use the Heroku Postgres database There are two ways to configure the production environment:

With dotenv and a .sequelizerc file that points to a config/database.js file.
The Sequelize CLI's auto-generated config.json file.

With .sequelizerc and dotenv Update the config/database.js file with a production key like so.

// config/database.js
// ...
module.exports = {
  development: {
    // ...
  },
  production: {
    use_env_variable: 'DATABASE_URL',
    dialect: 'postgres',
    dialectOptions: {ssl: true},
    seederStorage: 'sequelize',
  }
}

With Sequelize CLI's config.json Change the production entry to look like this:

"production": {
  "dialect": "postgres",
  "seederStorage": "sequelize",
  "use_env_variable": "DATABASE_URL"
}

➤ Push to Heroku

In the root of the app's repo directory, log into Heroku with heroku login.
Add a new remote to GitHub configuration with heroku git:remote -a <<app-name-here>>.
Add all changes with git add ..
Commit changes with git commit -m "<<Add message here>>". (Optionally, git commit -am Adds and commits in one command.)
Push changes to Heroku with git push Heroku.
You should see a successful build image.

remote:[![-----------------------------------------------------](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/colored.png)](#-)--> Launching...
remote:        Released v5
remote:        https://«your-app-name».herokuapp.com/ deployed to Heroku
remote:
remote: Verifying deploy... done.
To https://git.heroku.com/«app-name-here».git

➤ Run migrations on Heroku

To migrate your Heroku Postgres database, run the migration command prefaced with heroku run inside the repo.

heroku run npx sequelize-cli db:migrate

To seed, preface the seed command with heroku run as well.

heroku run npx sequelize-cli db:seed:all

To roll back, instead of dropping the database, first try to migrate down and up (shown below). If this doesn't work, reset the entire database by removing and adding the 'Heroku Postgres' add-on again, then migrating and seeding as the first time.

heroku run npx sequelize-cli db:seed:undo:all
heroku run npx sequelize-cli db:migrate:undo:all
heroku run npx sequelize-cli db:migrate
heroku run npx sequelize-cli db:seed:all

➤ Development

DEV TOC
Technologies ● Concept ● Models ● Routes ● Wireframes ● Code Highlights ● Dev Snapshots

[ See full dev notes HERE ]
The full notes on this project's development are kept in a separate document linked above.
It details the technical aspects of this project's development.
A few sample snapshots are below from the development process.

➤Contact

Thank you very much for your interest in this project.
Feel free to reach out to provide feedback, bug reports, or anything else :) .

##Bryan Guner (Full-stack software developer)

.
├── Idle Wave_files
│   ├── application-ae3ee5b7d25c318105a22b5f42adae50351663264f363ad536f209623e54f4b8.js
│   ├── application-b6cd190ef7d7bbe5dc46f23bbe8451a3c112017c0747bf245d081b6394af6608.css
│   ├── b_W1sicmVzaXplIiw1MDBdLFsibWF4Il0sWyJ3ZSJdXQ==(1).jpg
│   ├── b_W1sicmVzaXplIiw1MDBdLFsibWF4Il0sWyJ3ZSJdXQ==.jpg
│   ├── b_W1sicmVzaXplIiw1MDBdLFsibWF4Il0sWyJ3ZSJdXQ==.png
│   ├── b_W1sicmVzaXplIiwxMDAwXSxbIm1heCJdLFsid2UiXV0=.png
│   ├── b_W1sicmVzaXplIiwxODAwXSxbIm1heCJdLFsid2UiXV0=.jpg
│   ├── echo-a3637c88.css
│   ├── idle-wave2.png
│   ├── package-lock.json
│   ├── polyfill.min.js
│   ├── stats.js
│   ├── usersite-12ebb661.css
│   ├── usersite-ff3b56ae7dfd0704a36b.js
│   └── usersite_print-898d57949af0ad2bc4f547f83dd6ff3afcc8a33f1513e732d597872e7fa68553.css
├── Landing2_files
│   ├── 4e5d3c79f2b039c222acf290da12125f.jpeg
│   ├── actionbar.css
│   ├── actionbar.js
│   ├── build.min.css
│   ├── build.min.js
│   ├── circle-cropped.png
│   ├── css
│   ├── css(1)
│   ├── g.gif
│   ├── gettingthere.jpg
│   ├── gettingthere2.png
│   ├── global-print.css
│   ├── gprofiles.js
│   ├── hovercard.min.css
│   ├── masterbar.css
│   ├── mblogo5.png
│   ├── postmessage.js
│   ├── rlt-proxy.js
│   ├── saved_resource
│   ├── saved_resource(1)
│   ├── saved_resource(2)
│   ├── saved_resource(3)
│   ├── saved_resource(4)
│   ├── saved_resource(5)
│   ├── saved_resource(6)
│   ├── saved_resource(7).html
│   ├── saved_resource.html
│   ├── services.min.css
│   ├── w.js
│   ├── wordpress-2x.png
│   ├── wp-emoji-release.min.js
│   └── wpgroho.js
├── README.md
├── Spectrum-Analizer
│   ├── audioplayer.js
│   ├── color.js
│   ├── core.js
│   ├── draw.js
│   ├── filter.js
│   ├── filterfft.js
│   ├── filterobj.js
│   ├── init.js
│   ├── layout.js
│   ├── marker.js
│   ├── playlist.js
│   ├── process.js
│   ├── processfilterobj.js
│   ├── processstorage.js
│   ├── readme.html
│   ├── scale.js
│   ├── scope.js
│   ├── spectrum.html
│   ├── style.css
│   ├── unistorage.js
│   └── worker.js
├── about.html
├── assets
│   ├── css
│   │   ├── FancySelects.css
│   │   ├── FileManager.css
│   │   ├── FileManager_ie7.css
│   │   ├── ImageEditor.css
│   │   ├── InsertSnippet.css
│   │   ├── ListType.css
│   │   ├── beg.css
│   │   ├── blog.min.css
│   │   ├── bootstrap-grid.css
│   │   ├── bootstrap-grid.min.css
│   │   ├── bootstrap-reboot.css
│   │   ├── bootstrap-reboot.min.css
│   │   ├── bootstrap-select.min.css
│   │   ├── bootstrap-theme.css
│   │   ├── bootstrap-theme.min.css
│   │   ├── bootstrap.css
│   │   ├── bootstrap.min.css
│   │   ├── carousel.css
│   │   ├── colors.css
│   │   ├── colors_2.css
│   │   ├── colors_3.css
│   │   ├── colors_4.css
│   │   ├── dropdown.css
│   │   ├── dropdown1d9a.css
│   │   ├── dtree.css
│   │   ├── dynamic.css
│   │   ├── editor.css
│   │   ├── editorFrame.css
│   │   ├── et-icons.css
│   │   ├── flaticon.css
│   │   ├── flexbox-project.css
│   │   ├── font-awesome.css
│   │   ├── font-awesome.min.css
│   │   ├── fonts.css
│   │   ├── forms.css
│   │   ├── full_example.css
│   │   ├── global.css
│   │   ├── iframe.css
│   │   ├── imagelist.css
│   │   ├── index.css
│   │   ├── insert-anchor.css
│   │   ├── interest-links.css
│   │   ├── ionicons.min.css
│   │   ├── jquery-ui.css
│   │   ├── jquery.css
│   │   ├── jquery.fs.tipper.css
│   │   ├── katex.min9b90.css
│   │   ├── lang-marks.css
│   │   ├── lightbox.css
│   │   ├── main-content.css
│   │   ├── main-nav.css
│   │   ├── main-styles.css
│   │   ├── main.css
│   │   ├── mediaelement.css
│   │   ├── menu.css
│   │   ├── nice-select.css
│   │   ├── normalize.css
│   │   ├── owl.carousel.min.css
│   │   ├── owl.css
│   │   ├── parallax.css
│   │   ├── plugins
│   │   │   ├── animate.css
│   │   │   ├── jquery.mb.YTPlayer.min.css
│   │   │   ├── magnific-popup.css
│   │   │   ├── owl.carousel.css
│   │   │   ├── owl.theme.css
│   │   │   ├── owl.transitions.css
│   │   │   └── style.css
│   │   ├── popup.css
│   │   ├── prettyPhoto.css
│   │   ├── principles.css
│   │   ├── prism.css
│   │   ├── publisher.css
│   │   ├── quiz-style.css
│   │   ├── reset-fonts-grids.css
│   │   ├── reset.css
│   │   ├── reset9b90.css
│   │   ├── responsive.css
│   │   ├── search-modal.css
│   │   ├── select2.css
│   │   ├── select2.min.css
│   │   ├── set-id.css
│   │   ├── simpleLightbox.css
│   │   ├── site.css
│   │   ├── skin.css
│   │   ├── skin.min.css
│   │   ├── spell-check-style.css
│   │   ├── style-about-new.css
│   │   ├── style-article-code.css
│   │   ├── style-article-new.css
│   │   ├── style-base-template1d9a.css
│   │   ├── style-blog-new.css
│   │   ├── style-bookmarklets.css
│   │   ├── style.css
│   │   ├── stylist.css
│   │   └── template.css
│   ├── delete.me
│   ├── filesNames.txt
│   ├── fonts
│   │   ├── FontAwesome.otf
│   │   ├── Genericons.woff
│   │   ├── delete.me
│   │   ├── fa-brands-400.woff
│   │   ├── fa-light-300.woff
│   │   ├── fa-regular-400.woff
│   │   ├── fa-solid-900.woff
│   │   ├── fontawesome-webfont.eot
│   │   ├── fontawesome-webfont.svg
│   │   ├── fontawesome-webfont.ttf
│   │   ├── fontawesome-webfont.woff
│   │   ├── fontawesome-webfont.woff2
│   │   ├── glyphicons-halflings-regular.eot
│   │   ├── glyphicons-halflings-regular.svg
│   │   ├── glyphicons-halflings-regular.ttf
│   │   ├── glyphicons-halflings-regular.woff
│   │   ├── glyphicons-halflings-regular.woff2
│   │   ├── litera-bold-webfont.woff
│   │   ├── litera-boldita-webfont.woff
│   │   ├── litera-heavyita-webfont.woff
│   │   ├── litera-light-webfont.woff
│   │   ├── litera-lightita-webfont.woff
│   │   ├── litera-regular-webfont.woff
│   │   ├── litera-regularita-webfont.woff
│   │   ├── literaef-heavy-webfont.woff
│   │   ├── literaef-light-webfont.woff
│   │   ├── literaef-medium-webfont.woff
│   │   └── literaef-regular-webfont.woff
│   ├── images
│   │   ├── 106986442_311142080292616_5362891188453625248_n.jpeg
│   │   ├── 107383970_311142013625956_6083919345058476211_n(1).jpeg
│   │   ├── 107383970_311142013625956_6083919345058476211_n.jpeg
│   │   ├── 107605887_311141763625981_8194027440616525919_n.jpeg
│   │   ├── 107611072_311141790292645_3819073416495183679_n.jpeg
│   │   ├── 107693707_311141866959304_2338914013349559406_n(1).jpeg
│   │   ├── 107693707_311141866959304_2338914013349559406_n.jpeg
│   │   ├── 107900802_311141923625965_7965750676135026860_n.jpeg
│   │   ├── 107949168_311141893625968_39869322358492411_n(1).jpeg
│   │   ├── 107949168_311141893625968_39869322358492411_n.jpeg
│   │   ├── 108018875_311141966959294_8133666627144418035_n.jpeg
│   │   ├── 108019854_311141933625964_3831399276889202788_n.jpeg
│   │   ├── 108165589_311141973625960_4197684512240066858_n(1).jpeg
│   │   ├── 108165589_311141973625960_4197684512240066858_n.jpeg
│   │   ├── 108242660_311141780292646_7385803451151706090_n(1).jpeg
│   │   ├── 108242660_311141780292646_7385803451151706090_n.jpeg
│   │   ├── 108841738_311141846959306_6627266274375722901_n.jpeg
│   │   ├── 109354047_311942620212562_4389797007390643488_o(1).jpeg
│   │   ├── 109354047_311942620212562_4389797007390643488_o.jpeg
│   │   ├── 26173141_181334992612207_5156137678822305284_o.jpeg
│   │   ├── 26231378_183041282441578_8133298360603352790_n.png
│   │   ├── 26685132_183037535775286_2067128231251705090_o.jpeg
│   │   ├── 60335274_470817253663978_2646087694177796096_o(1).jpeg
│   │   ├── 60335274_470817253663978_2646087694177796096_o.jpeg
│   │   ├── 61102837_476800149732355_2597270103754014720_o(1).jpeg
│   │   ├── 61102837_476800149732355_2597270103754014720_o(2).jpeg
│   │   ├── 61102837_476800149732355_2597270103754014720_o(3).jpeg
│   │   ├── 61102837_476800149732355_2597270103754014720_o.jpeg
│   │   ├── 61369685_476800116399025_7776042455526277120_o.jpeg
│   │   ├── 62164224_486907388721631_8604007902748868608_o.jpeg
│   │   ├── 62319714_486907502054953_5022252284533276672_o.jpeg
│   │   ├── 62395928_486911558721214_3662484029669638144_o.jpeg
│   │   ├── 64227805_486907308721639_2624741406068965376_o(1).jpeg
│   │   ├── 64227805_486907308721639_2624741406068965376_o.jpeg
│   │   ├── 64495189_492278301517873_5051614837042315264_n.jpeg
│   │   ├── 71515460_109269837146509_34098222104313856_o.png
│   │   ├── 74886452_138260347580791_2025011087891496960_o.jpeg
│   │   ├── 87473752_203491517724340_6604485031987511296_o(2).jpeg
│   │   ├── 87473752_203491517724340_6604485031987511296_o(3).jpeg
│   │   ├── 87473752_203491517724340_6604485031987511296_o.jpeg
│   │   ├── 95828428_260441865362638_193484368264560640_n(1).jpeg
│   │   ├── 95828428_260441865362638_193484368264560640_n.jpeg
│   │   ├── _BSrkXmU94d.png
│   │   ├── album.png
│   │   ├── deleteme.txt
│   │   ├── getting-there.png
│   │   ├── logo copy.png
│   │   ├── logo.png
│   │   ├── logoold.png
│   │   ├── logoold1.png
│   │   ├── play_72dp.png
│   │   └── temp
│   │       ├── 26220582_182891932456513_3210798894849671175_o.jpeg
│   │       └── 28514771_208840476528325_7602671172894204716_o.jpeg
│   ├── img
│   │   ├── learn-code.jpg
│   │   └── mejs-controls.svg
│   ├── js
│   │   ├── api1d66.js
│   │   ├── beg.js
│   │   ├── bootstrap.js
│   │   ├── bootstrap.min.js
│   │   ├── cat-to-page.js
│   │   ├── delete.me
│   │   ├── effect.mine899.js
│   │   ├── instashow-cornerstone-previewedfb.js
│   │   ├── jquery.ctp_wud_min.js
│   │   ├── jquery.cycle.all.mind03b.js
│   │   ├── jquery.instashow.packagededfb.js
│   │   ├── jquery.js
│   │   ├── jquery.json.mindbc2.js
│   │   ├── jquery.min.js
│   │   ├── main.min.js
│   │   ├── mediaelement-migrate.mind03b.js
│   │   ├── mediaelement.js
│   │   ├── my
│   │   │   ├── animate.js
│   │   │   ├── bootstrap-select.min.js
│   │   │   ├── bootstrap.bundle.js
│   │   │   ├── bootstrap.bundle.js.map
│   │   │   ├── bootstrap.bundle.min.js
│   │   │   ├── bootstrap.bundle.min.js.map
│   │   │   ├── bootstrap.js
│   │   │   ├── bootstrap.js.map
│   │   │   ├── bootstrap.min copy.js
│   │   │   ├── bootstrap.min.js
│   │   │   ├── bootstrap.min.js.map
│   │   │   ├── carousel.js
│   │   │   ├── countdown.js
│   │   │   ├── custom.js
│   │   │   ├── delete.me
│   │   │   ├── gmaps.min.js
│   │   │   ├── html5shiv.js
│   │   │   ├── jquery-3.2.1.min.js
│   │   │   ├── jquery-3.5.1-min.js
│   │   │   ├── jquery.ajaxchimp.min.js
│   │   │   ├── jquery.counterup.js
│   │   │   ├── jquery.js
│   │   │   ├── jquery.min.js
│   │   │   ├── jquery.nice-select.min.js
│   │   │   ├── jquery.prettyPhoto.js
│   │   │   ├── jquery.slim.js
│   │   │   ├── mail-script.js
│   │   │   ├── map.js
│   │   │   ├── owl-carousel-thumb.min.js
│   │   │   ├── owl.carousel.min.js
│   │   │   ├── parallax.js
│   │   │   ├── popper.js
│   │   │   ├── prism.js
│   │   │   ├── respond.min.js
│   │   │   ├── stellar.js
│   │   │   ├── theme.js
│   │   │   ├── vendor
│   │   │   └── videobg.js
│   │   ├── new-tab7984.js
│   │   ├── owl.carousel.min5152.js
│   │   ├── platform.js
│   │   ├── plugins
│   │   │   ├── additional-methods.min.js
│   │   │   ├── jquery.countTo.js
│   │   │   ├── jquery.easing.min.js
│   │   │   ├── jquery.inview.min.js
│   │   │   ├── jquery.magnific-popup.min.js
│   │   │   ├── jquery.mb.YTPlayer.min.js
│   │   │   ├── jquery.parallax-1.1.3.js
│   │   │   ├── jquery.validate.min.js
│   │   │   ├── owl.carousel.min.js
│   │   │   ├── pace.min.js
│   │   │   ├── parallax.min.js
│   │   │   └── wow.min.js
│   │   ├── rotating_tweet02d2.js
│   │   ├── the-grid.min8d5a.js
│   │   └── wp-embed.mind03b.js
│   ├── orginization
│   │   ├── delete.me
│   │   ├── links.txt
│   │   └── links2.txt
│   └── php
│       └── contact.php
├── fonts
│   ├── font-awesome
│   │   ├── fontawesome-webfont.eot
│   │   ├── fontawesome-webfont.svg
│   │   ├── fontawesome-webfont.ttf
│   │   ├── fontawesome-webfont.woff
│   │   ├── fontawesome-webfont.woff2
│   │   └── fontawesome-webfont1.eot
│   └── glyphicons
│       ├── glyphicons-halflings-regular.eot
│       ├── glyphicons-halflings-regular.svg
│       ├── glyphicons-halflings-regular.ttf
│       └── glyphicons-halflings-regular.woff
├── gallery.html
├── general.css
├── images
│   ├── 0.gif
│   ├── background.mp4
│   ├── black.PNG
│   ├── buttons.png
│   ├── demo
│   │   ├── blog
│   │   │   └── qt-q-95.jpeg
│   │   ├── gallery
│   │   │   ├── 87473752_203491517724340_6604485031987511296_o(1).jpeg
│   │   │   ├── gallery1.png
│   │   │   ├── gallery2.png
│   │   │   ├── gallery3.png
│   │   │   ├── gallery4.png
│   │   │   ├── gallery5.png
│   │   │   ├── gallery6.png
│   │   │   ├── gallery7.png
│   │   │   ├── gallery8.png
│   │   │   └── gallery9.png
│   │   ├── intro
│   │   │   ├── http---gather-fandalism-com-1275315--B90F014B-F7B6-4D08-AB44.jpg
│   │   │   ├── logo-500.png
│   │   │   ├── rs-h-1000-cg-true-m.jpeg
│   │   │   └── rs-w-400-cg-true.jpeg
│   │   ├── links
│   │   │   └── link.html
│   │   └── shop
│   │       └── badge-lrg.svg
│   ├── favicon.ico
│   ├── logo.png
│   ├── look-calm-advanced.gif
│   ├── lookcalmspectrograph-2d.gif
│   ├── offblack.PNG
│   └── poster.png
├── home.html
├── landing-inner.html
├── index.html
├── media.html
├── mp3
│   └── Look Calm.mp3
├── screencapture-gunerb12-wordpress-2021-03-25-01_02_12.png
├── scripts
│   ├── colorpicker.js
│   ├── main.js
│   ├── plugins.js
│   └── vendor
│       ├── bootstrap.js
│       └── modernizr.js
├── services.html
├── styles
│   ├── colors
│   │   ├── color-caqui.css
│   │   ├── color-darkturquoise.css
│   │   ├── color-green.css
│   │   ├── color-lightblue.css
│   │   ├── color-militar.css
│   │   ├── color-purple.css
│   │   └── color-red.css
│   └── main.css
└── watch.html

31 directories, 386 files

bgoonz / Mihir_Beg_Final

MihirBegMusic .

Usage:

MihirBegMusic

Live Deployment

About

Features

How It Works

Installation

➤ Push to Heroku

➤ Run migrations on Heroku

➤ Development

➤Contact

About

Languages