Skip to content

A Next.js | React | TypeScript | SCSS Spotify web client showcasing music and artist data in a mobile friendly and interactive interface. It combines smooth, modern animations, with Spotify data to showcase the most recent music events in an easily digestible fashion.

Notifications You must be signed in to change notification settings

thecarlko/wavyfy

Repository files navigation

Wavyfy


MIT License LinkedIn


project

A Spotify Clone


Preview

Wavyfy.Preview.mp4


About

Wavyfy is a web based, spotify application showcasing music and artist data in a mobile friendly and interactive interface.

Tech Stack

Folder Structure

  • public (Deployed and Hosted folder)
  • src/typescript (All development code)
    • admin (networking and info dependencies)
    • components (custom programmed components for my projects)
    • core (custom utility classes to enhance interface)
    • models (Class model structure for project)
    • utilities (custom functions)
    • views (Interface components)

Installation

Install Dependencies

npm install typescript
npm install react --save
npm install webpack-dev-server
npm install [email protected] --save

Run Commands

tsc
npm start

Developer Dependencies (Not required to run application)

npm install react-dom --save
npm install react-router-dom --save

npm install firebase --save

npm install webpack --save
npm install webpack-dev-server --save
npm install webpack-cli --save

npm install babel-core babel-loader babel-preset-env babel-preset-react --save-dev

Roadmap

  • Spotify API Authentication Pipeline
  • Region Mapping for Artists, Albums, and Tracks
  • Image Stash on Home Page
  • Stash Image Scrolling
  • Dynamic Color Gradients
  • Update Artist Showcase Region
  • Adaptive Search Bar
  • Dynamic NavBar Background
  • Media Player

License

Distributed under the MIT License. See LICENSE.txt for more information.

Contact

Carl Omondi - @carlkomondi - [email protected]
Project Link: Github Repo

(back to top)

About

A Next.js | React | TypeScript | SCSS Spotify web client showcasing music and artist data in a mobile friendly and interactive interface. It combines smooth, modern animations, with Spotify data to showcase the most recent music events in an easily digestible fashion.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published