Skip to content

LMprojects7E6/astro-sound

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 

Repository files navigation

Astro_sound

Contributors Forks Stargazers Issues MIT License


Logo

AstroSound

AstroSound is an academic project made for Assembler Master in Technology
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents
  1. About The Project
  2. Getting Started
  3. Usage
  4. Roadmap
  5. Contact
  6. Acknowledgments

About The Project

dashboard

As the final project for Assembler's Master in Technology our team decided to create AstroSound. In this project we were challeged to create a full backend/frontend app, we could have as an inspiration and having similar functionalities as the app Spotify. AstroSound is a music app similar to Spotify, where a user can login/register, create playlists, add songs to those playlists and listening to songs, there is also an Admin page to add new songs.

(back to top)

Built With

  • React
  • JQuery
  • HTML
  • CSS
  • Tailwind
  • Laravel
  • Axios
  • React Router
  • JavaScript
  • Bcrypt
  • Cors
  • Dotenv
  • Express
  • Helmet
  • Mongoose
  • Validator
  • Nodemon
  • Web Vitals
  • Flowbite
  • Firebase
  • Cloudinary
  • Jsonwebtoken

(back to top)

Getting Started

Prerequisites

Update your npm to the latest version

  • npm
    npm install npm@latest -g

Installation

To install all dependencies run the following commands.

  • cd

    cd astro-sound/client
  • npm

    npm install
  • cd

    cd astro-sound/server
  • npm

    npm install

RUN

To run this application you will need a firebase account and have all its configurations done with your data.

  • Client Script

    npm run start
  • Server Script

    npm run server

    Your browser should automatically open the app.

(back to top)

Usage

Astrosound provides a login/register page which our user can interact with.

LOGIN

login

REGISTER

register

Using either option if all data is verified and correct the user will go to the app's main page.

In the user's main page we have a side menu, the main dashboard and the user profile.

HOME

home

The side menu has all options the user can click to access the diferent sections of the app. Home is the default page were our user can view our beautifull slogans, if the user already has any playlists or as liked any songs they can be seen here.

Search will take our user to explore our library of amazing songs.

SEARCH

search

Any searched songs can be added to any playlists the user may have created or they can be liked to add that song to Liked Songs playlist.

ADD SONG TO PLAYLIST

addSong

CREATE PLAYLIST

createPlaylist

With songs added to our personal playlist we can view them and listen to their songs.

VIEW PLAYLIST

viewPlaylist

(back to top)

Roadmap

We worked in sprints applying Kanban framework with a daily meeting. 1 sprint = 1 week

  • Sprint 0.
  • Created a visual design and HTML-based style guide.
  • Sprint 1.
  • Set up servers and database structure.
  • Created of endpoints.
  • Configured Tailwind for basic styling elements in the Home and My Library page.
  • Implemented Login and Register page.
  • Created JWT and access to Home/Dashboard.
  • Sprint 2.
  • Implemented User playlist - style and functionality. User can create, edit and delete playlist, add and delete songs to playlist.
  • Allowed users to search the songs.
  • Created Admin Dashboard: Admin access with admin account and access the menu to upload new songs.
  • Allowed users to edit the profile.
  • Sprint 3.
  • Implement music player.
  • Created Forget password style and functionality.
  • Added statistic page.
  • Deployed the app

(back to top)

Contacts

  • Ivan Escribano - Tech Lead / Full-stack developer GitHub
  • Matias Patrignani - Front-end developer GitHub
  • Reduan Senoun - Front-end developer GitHub
  • Volha Afanasenka - Back-end developer GitHub
  • Miguel Dominguez - Back-end developer GitHub

Acknowledgments

Use this space to list resources you find helpful and would like to give credit to. I've included a few of my favorites to kick things off!

(back to top)

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 6

Languages