Hi 👋! My name is SHUBHAM GHOSH and I'm a STUDENT from BU

PHOTON PLAYER

TAP THIS LOGO TO GO TO PHOTON PLAYER

INFORMATION

Photon Player is a minimal music player that uses the YouTube API to play music. It has basic features such as play, pause, and skip. The music player also has additional features such as save to playlist, shuffle play, add playlist by link, gesture support, and play music videos. This is my first project and I’m excited to share it with everyone

You can go ahead and check out my website at https://mafiaitachi.github.io/tailwind/

:camera: Screenshots

YOU CAN SEARCH SONG AND ARTIST AND ADD THEM TO BOOKMARK

USE OUR TRENDING SECTION TO FIND NEW SONGS AND DISCOVER YOUR FAV ARTIST

PHOTON PLAYER FEATURE

Feature
User Accounts	✅
play,pause button	✅
Shuffle play button	✅
Playlist Bookmarks	✅
Youtube song Search	✅
Video Player	✅
Add youtube playlist	✅
Backup playlist	✅
Background play	✅
Discovery section	✅
Trending section	✅
youtube account login	✅
sync lyric	✅

tailwind

MADE BY SHUBHAM

https://mafiaitachi.github.io/tailwind/

npm init -y

npm install -D tailwindcss postcss autoprefixer

npx tailwindcss init

npx tailwindcss init -p

npm i vite

npm run start

npx tailwindcss -i ./src/main.css -o ./src/tw_style.css --watch

npm run dev

tailwind.config.js

/** @type {import('tailwindcss').Config} */
const colors = require('tailwindcss/colors')

module.exports = {
  content: [    './pages/**/*.{html,js}',
  './components/**/*.{html,js}'],
  theme: {
    colors: {
      transparent: 'transparent',
      current: 'currentColor',
      primary: '#23a991',
      secondary: '#455174',
      'white': '#ffffff',
      'body': '#181c28',
      'green': '#23a991',
      'mini': '#262d41',
    }
  },
  plugins: [],
}

package.json

  "scripts": {
    "start": "vite"
  },

A list of my commonly used Git commands

If you are interested in my Git aliases, have a look at my .bash_profile, found here: https://github.com/joshnh/bash_profile/blob/master/.bash_profile

--

Getting & Creating Projects

Command	Description
git init	Initialize a local Git repository
git clone ssh://[email protected]/[username]/[repository-name].git	Create a local copy of a remote repository

Basic Snapshotting

Command	Description
git status	Check status
git add [file-name.txt]	Add a file to the staging area
git add -A	Add all new and changed files to the staging area
git commit -m "[commit message]"	Commit changes
git rm -r [file-name.txt]	Remove a file (or folder)

Branching & Merging

Command	Description
git branch	List branches (the asterisk denotes the current branch)
git branch -a	List all branches (local and remote)
git branch [branch name]	Create a new branch
git branch -d [branch name]	Delete a branch
git push origin --delete [branch name]	Delete a remote branch
git checkout -b [branch name]	Create a new branch and switch to it
git checkout -b [branch name] origin/[branch name]	Clone a remote branch and switch to it
git branch -m [old branch name] [new branch name]	Rename a local branch
git checkout [branch name]	Switch to a branch
git checkout -	Switch to the branch last checked out
git checkout -- [file-name.txt]	Discard changes to a file
git merge [branch name]	Merge a branch into the active branch
git merge [source branch] [target branch]	Merge a branch into a target branch
git stash	Stash changes in a dirty working directory
git stash clear	Remove all stashed entries

Sharing & Updating Projects

Command	Description
git push origin [branch name]	Push a branch to your remote repository
git push -u origin [branch name]	Push changes to remote repository (and remember the branch)
git push	Push changes to remote repository (remembered branch)
git push origin --delete [branch name]	Delete a remote branch
git pull	Update local repository to the newest commit
git pull origin [branch name]	Pull changes from remote repository
git remote add origin ssh://[email protected]/[username]/[repository-name].git	Add a remote repository
git remote set-url origin ssh://[email protected]/[username]/[repository-name].git	Set a repository's origin branch to SSH

Inspection & Comparison

Command	Description
git log	View changes
git log --summary	View changes (detailed)
git log --oneline	View changes (briefly)
git diff [source branch] [target branch]	Preview changes before merging