Shufl.fm Frontend

This repository houses the frontend code for shufl.fm, a machine-learning music recommendation mobile app. Our frontend is built with React, providing responsive user interface that interacts with our backend services.

Features

• User Interface: Song controls, account management, and viewing song recommendations.
• Responsive Design: Ensures a consistent experience across various devices and screen sizes.
• Integration with Backend: Seamlessly communicates with the backend to retrieve user data and song recommendations.

Tech Stack

• UI Framework: React
• State Management: [Redux, Context API, etc.]
• Styling: [CSS, SASS, Styled Components, etc.]
• Testing Frameworks: [Jest, React Testing Library, etc.]

Getting Started

These instructions will get you a copy of the frontend project up and running on your local machine for development and testing purposes.

Prerequisites

• Node.js
• Expo Go for iOS or Android

Installation

1. Clone the frontend repo:

   git clone https://github.com/yourusername/SHUFFLE-FE.git
   

2. Install dependencies:

   npm i
   

3. Run the following script to configure node_modules for the app

   npm run config
   

4. Host the app locally:

   npm run web
   

5. Open the app using Expo-Go's QR scanner on mobile. This is a local service, so the phone and computer must be on the same network.

Back end

The back end can be accessed here - https://github.com/joebailey1000/SHUFFLE-BE

The back end API is hosted here - https://shuffle-be-iq14.onrender.com/

Team Members

Rob Lehane Joe Bailey Nick Diplos Louis Roach