The latest articles on DEV Community by Raunak Sarada (@raunak222). https://dev.to/raunak222 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F787914%2F5f31dfde-74f0-454f-94dc-0cc827ffae87.jpeg https://dev.to/raunak222 en Raunak Sarada Fri, 07 Jan 2022 17:23:29 +0000 https://dev.to/raunak222/music-space-132b https://dev.to/raunak222/music-space-132b <h3> Overview of My Submission </h3> <p>A platform to connect music bands and artist to show their skills.<br> A user can perform CRUD functionality on band<br> A user can rate,review and hire a band<br> User Authentication<br> Cloudinary is used for cloud storage.<br> Mapbox is used for geolocation identification.<br> MongoDB Atlas is used for Database.<br> Website link = <a href="https://quiet-depths-68319.herokuapp.com/" rel="noopener noreferrer">https://quiet-depths-68319.herokuapp.com/</a></p> <h3> Submission Category: </h3> <p>Your Own Adventure</p> <h3> Link to Code </h3> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev.to%2Fassets%2Fgithub-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"> <a href="https://github.com/raunak222" rel="noopener noreferrer"> raunak222 </a> / <a href="https://github.com/raunak222/MusicSpace" rel="noopener noreferrer"> MusicSpace </a> </h2> <h3> </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"> <div class="markdown-heading"> <h1 class="heading-element">The MusicSpace</h1> </div> <div class="markdown-heading"> <h2 class="heading-element">Functionalities</h2> </div> <ul> <li>A user can add himself/herself as a band</li> <li>A user can rate and review Music Bands</li> <li> <ul> <li>User Authentication</li> </ul> </li> <li> <a href="https://cloudinary.com/" rel="nofollow noopener noreferrer">Cloudinary</a> is used for cloud storage.</li> <li> <a href="https://www.mapbox.com/" rel="nofollow noopener noreferrer">Mapbox</a> is used for geolocation identification.</li> <li> <a href="https://www.heroku.com/" rel="nofollow noopener noreferrer">heroku</a> is used for application deployment.</li> <li> <a href="https://www.mongodb.com/cloud/atlas" rel="nofollow noopener noreferrer">MongoDB Atlas</a> is used for Database.</li> <li>Website link = <a href="https://quiet-depths-68319.herokuapp.com/" rel="nofollow noopener noreferrer">https://quiet-depths-68319.herokuapp.com/</a> </li> </ul> <p>To install all dependencies, use :</p> <blockquote> <p>npm install</p> </blockquote> <p>To run app locally, use :</p> <blockquote> <p>node app.js</p> </blockquote> <br> <br> <div class="markdown-heading"> <h2 class="heading-element">HomePage</h2> </div> <p><a rel="noopener noreferrer" href="https://github.com/raunak222/MusicSpace/blob/main/images/front_musicspace.jpg"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fgithub.com%2Fraunak222%2FMusicSpace%2Fraw%2Fmain%2Fimages%2Ffront_musicspace.jpg" alt="Project Image"></a></p> <div class="markdown-heading"> <h2 class="heading-element">Footer</h2> </div> <p><a rel="noopener noreferrer" href="https://github.com/raunak222/MusicSpace/blob/main/images/dropdown_musicspace.jpg"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fgithub.com%2Fraunak222%2FMusicSpace%2Fraw%2Fmain%2Fimages%2Fdropdown_musicspace.jpg" alt="Project Image"></a></p> <div class="markdown-heading"> <h2 class="heading-element">Bands</h2> </div> <p><a rel="noopener noreferrer" href="https://github.com/raunak222/MusicSpace/blob/main/images/bands_musicspace.jpg"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fgithub.com%2Fraunak222%2FMusicSpace%2Fraw%2Fmain%2Fimages%2Fbands_musicspace.jpg" alt="Project Image"></a></p> <div class="markdown-heading"> <h2 class="heading-element">Individual Bands</h2> </div> <p><a rel="noopener noreferrer" href="https://github.com/raunak222/MusicSpace/blob/main/images/bands_in.jpg"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fgithub.com%2Fraunak222%2FMusicSpace%2Fraw%2Fmain%2Fimages%2Fbands_in.jpg" alt="Project Image"></a></p> <div class="markdown-heading"> <h2 class="heading-element">Login</h2> </div> <p><a rel="noopener noreferrer" href="https://github.com/raunak222/MusicSpace/blob/main/images/login_musicspace.jpg"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fgithub.com%2Fraunak222%2FMusicSpace%2Fraw%2Fmain%2Fimages%2Flogin_musicspace.jpg" alt="Project Image"></a></p> <div class="markdown-heading"> <h2 class="heading-element">Individual Bands Review</h2> </div> <p><a rel="noopener noreferrer" href="https://github.com/raunak222/MusicSpace/blob/main/images/review.jpg"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fgithub.com%2Fraunak222%2FMusicSpace%2Fraw%2Fmain%2Fimages%2Freview.jpg" alt="Project Image"></a></p> <div class="markdown-heading"> <h2 class="heading-element">New Band Register</h2> </div> <p><a rel="noopener noreferrer" href="https://github.com/raunak222/MusicSpace/blob/main/images/new_band.jpg"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fgithub.com%2Fraunak222%2FMusicSpace%2Fraw%2Fmain%2Fimages%2Fnew_band.jpg" alt="Project Image"></a></p> </div> </div> <br> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/raunak222/MusicSpace" rel="noopener noreferrer">View on GitHub</a></div> <br> </div> <br> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fl3sl1uyffawckiizck03.JPG" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fl3sl1uyffawckiizck03.JPG" alt="Image description"></a></p> <h1> raunak222 </h1> atlashackathon