A web application that creates Spotify playlists from your most played tracks. Built with Next.js, TypeScript, and Tailwind CSS.
- Create playlists from your top tracks
- Select different time ranges (short term, medium term, long term)
- Choose playlist length (10, 20, or 50 tracks)
- Generate shareable Spotify links
- Responsive design for desktop and mobile devices
- Frontend: Next.js 13+ with App Router
- Language: TypeScript
- Styling: Tailwind CSS
- UI Components: shadcn/ui
- Authentication: Spotify OAuth
- Icons: Lucide React
- Deployment: [Your deployment platform]
- Node.js 16+
- A Spotify Developer Account
- A registered Spotify Application
Create a .env.local file in the root directory with the following variables:
SPOTIFY_CLIENT_ID=your_client_id
SPOTIFY_CLIENT_SECRET=your_client_secret
SPOTIFY_REDIRECT_URI=your_redirect_uri- Clone the repository:
git clone https://github.com/yourusername/listen-too.git
cd listen-too- Install dependencies:
npm install
# or
yarn install
# or
pnpm install- Start the development server:
npm run dev
# or
yarn dev
# or
pnpm dev- Open http://localhost:3000 in your browser
- Access the application
- Select the number of songs for your playlist
- Choose your preferred time range
- Authenticate with Spotify
- Wait for playlist generation
- Copy or share the playlist link
Contributions are welcome. Please follow these steps:
- Fork the project
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- Built by Daniel Hilse
- Powered by Spotify Web API
- UI components from shadcn/ui
- Your Name - LinkedIn
- Project Link: https://github.com/yourusername/listen-too