serjeel-ranjan-911 / titan-beats

Chill with Titan Beats

Titan Beats

Audio visualizer

Contributors

1. Clone the Repo

git clone https://github.com/Serjeel-Ranjan-911/Titan-Beats.git

2. Install Packages

npm i

3. Starting Node Server

npm start

4. Open broswer at 127.0.0.1:3000

For development

run this single command

npm run dev

This will start a backend server while monitoring all the sass files.

Before making a pull request

1. Properly naming your branch

   "issue-"+"issue number"+"purpose"

eg. issue-30-fix-theme-btn

commit the changes to your created branch

2. Dont't forget to link pull request to the issue.

eg. fixes #30

---

Note:

The App currently serves music from server.
Special thanks to Pixabay.

---

Happy Coding!

titan-beats's Issues

Create a grid view for tiles in menu page

Currently tiles on menu page doesn't look good on all the devices. Make it more uniform to look good on all the devices.
check the code in scss/__menu.scss. Preferably implement it using CSS grids.

-webkit-mask-box-image does not work in firefox.

On the menu page we have used -webkit-mask-box-image css property to display svg icons. However that's not working on firefox browser and displays a square box with filled color.

Force landscape mode on phone devices

The device orientation should be landscape in phone.

Plus the phone device should enter full screen after clicking on menu button.

Making the full screen button function properly.

On the desert page there is a button which is used for making the screen go full screen. However for now when we exit from full screen the button does not reappear.

The expected functionality is as user clicks on full screen button and browser window should go full screen and button will disappear. To exit out of full screen mode user is supposed to press ESC button on keyboard. On the very next moment full screen button should reappear on the screen.

For fixing this, the assigned person is supposed to tweak the code in /public/js/desert/fullScreen.js .