Skip to content

Front-end MVP for a social platform focused on sharing sounds and facilitating collaboration in composition creation among users.

Notifications You must be signed in to change notification settings

paco-fuentes/frontend-truck4tracks

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

89 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

truck4tracks

by Paco Fuentes


Content 📝
  1. Objetivo
  2. Sobre el proyecto
  3. Deploy
  4. Stack
  5. Install
  6. Views
  7. What's next?
  8. Contribuciones
  9. Licencia
  10. Contacto

Objetive 🎯

The purpose of this project is to carry out a comprehensive implementation using fullstack development technologies, contributing to this repository with the front-end section and deploying it on AWS. JavaScript with React and Redux has been employed, in addition to CSS for design.

This is an MVP of a social network with an interface entirely based on a system of cards of different sizes. The platform is designed to create a community of people interested in sharing audio tracks hosted on other services.

'Bands' are created, groups where the user with the role of 'band leader' creates a 'multitrack', a playlist, and proposes a theme. Other users can join and collaborate by uploading their own tracks, and when the 'band leader' deems it appropriate, a 'song', a collaborative audio track, is published as a result.


About the Project 🔎

Front-end MVP for a Social Platform, emphasizing sound sharing and fostering collaborative composition creation among users. This project represents the culmination of the GeeksHubs Academy fullstack developer bootcamp.


Stacks


Deploy 🚀


Install

This is frontend app of a previously finished backend project on:

https://github.com/paco-fuentes/API-truck-4-tracks

Download and follow install intructions. You can populate your database with included sql insert files.

Then clone this repository.

Open terminal on project folder:

  1. Clone this repo
      git clone url
  1. Install dependencies
      npm i
  1. Run this project in dev mode:
      npm run dev
  1. Press 'o' and ENTER on the terminal window to open localhost: on your browser.

Views

Guest:

/home : main view

/register : user register view

/ login : login registered users and admin

/register and login overview

/bands : select band view

/band/id : select band view (detail)

/band/id : select band view (detail)

User

/ main : user overview

/profile : profile view (detail)

/profile : edit profile and create a new band

/bandmembers : manage band

/band : chat

/band : sharing a track with your band

Admin

/admin : get all users and delete selected user

/admin : overview


What's next?

In the future, users will have the ability to search for each other based on styles, skills, and instruments, as well as to publish articles for reading and proposals from staff, collaborators, and sponsors.

Next additions:

  • Redux
  • Tailwind

License

This project is under an MIT license.


Contact

Paco Fuentes. 2023

About

Front-end MVP for a social platform focused on sharing sounds and facilitating collaboration in composition creation among users.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published