Skip to content

lostf1sh/PixelPlayerWeb

Repository files navigation

PixelPlayer Web

Landing page for PixelPlayer - A Material 3 music player for Android.

πŸš€ Live Demo

Visit the live site: pixelplayer.netlify.app (or your deployed URL)

✨ Features

  • Modern Design - Built with Vue 3, Vite, and TailwindCSS
  • Catppuccin Theme - Beautiful dark theme with Catppuccin Mocha colors
  • Responsive - Fully responsive design for mobile, tablet, and desktop
  • Dynamic Version - Automatically fetches latest version from GitHub Releases
  • Screenshot Gallery - Interactive lightbox with keyboard navigation
  • Smooth Scrolling - Navbar with smooth scroll to sections

πŸ› οΈ Tech Stack

  • Vue 3 - Progressive JavaScript Framework
  • Vite - Next Generation Frontend Tooling
  • TailwindCSS - Utility-first CSS framework
  • Catppuccin - Soothing pastel theme

πŸ“¦ Installation

# Clone the repository
git clone https://github.com/theovilardo/PixelPlayerWeb.git
cd PixelPlayerWeb

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

πŸ“ Project Structure

PixelPlayerWeb/
β”œβ”€β”€ public/
β”‚   └── favicon.png
β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ assets/
β”‚   β”‚   β”œβ”€β”€ logo.png
β”‚   β”‚   └── screenshots/
β”‚   β”œβ”€β”€ components/
β”‚   β”‚   β”œβ”€β”€ NavBar.vue
β”‚   β”‚   β”œβ”€β”€ Hero.vue
β”‚   β”‚   β”œβ”€β”€ Features.vue
β”‚   β”‚   β”œβ”€β”€ Screenshots.vue
β”‚   β”‚   β”œβ”€β”€ FAQ.vue
β”‚   β”‚   β”œβ”€β”€ Community.vue
β”‚   β”‚   └── Footer.vue
β”‚   β”œβ”€β”€ App.vue
β”‚   β”œβ”€β”€ main.js
β”‚   └── style.css
β”œβ”€β”€ index.html
β”œβ”€β”€ tailwind.config.js
β”œβ”€β”€ vite.config.js
└── package.json

🎨 Color Palette

This project uses Catppuccin Mocha theme:

Color Hex
Base #1e1e2e
Mantle #181825
Text #cdd6f4
Primary #cba6f7
Blue #89b4fa
Green #a6e3a1
Pink #f5c2e7

πŸ“± Screenshots

The website showcases PixelPlayer's features:

  • Home / Daily Mix
  • Now Playing
  • Library
  • Album View
  • Equalizer

🀝 Contributing

Contributions are welcome! Feel free to open issues or submit pull requests.

πŸ“„ License

This project is open source and available under the MIT License.


Made with ❀️ for PixelPlayer

About

Website of the PixelPlayer App

Resources

Stars

Watchers

Forks

Contributors