Next.Js Example

Lofi - A Music App for Focus and Motivation, Built with TypeScript and React

March 14th, 2023

Lofi - A Music App for Focus and Motivation, Built with TypeScript and React's picture

About:

Lofi - A Music App for Focus and Motivation ๐ŸŽถ๐ŸŽต๐Ÿ’ป๐Ÿ‹๏ธโ€โ™€๏ธ๐Ÿง˜โ€โ™€๏ธ

Lofi is a web-based music application that uses soothing and uplifting sounds to help users stay motivated and focused when they work, exercise, or meditate. Built with TypeScript and React, Lofi offers a seamless and intuitive user experience, with a clean and simple design that is easy to navigate.

Features ๐Ÿš€

  • Easy-to-use interface with intuitive controls
  • Ability to customize your music experience by selecting different tracks, adjusting volume and effect sound in backgound ๐ŸŽผ๐ŸŽต๐ŸŽน
  • Responsive design that works across multiple devices and platforms ๐Ÿ“ฑ๐Ÿ’ป๐Ÿ–ฅ๏ธ

README.md:

We welcome contributions to Lofi from the open-source community! If you're interested in contributing, please see our contributing guidelines for more information.

If you find this app helpful, please consider giving it a โญ๏ธ star on GitHub to show your support

Before going to contribute to this project make sure that you have knowledge of

  • ReactJs
  • Typescript
  • Tailwind CSS
Clone this repository

git clone https://github.com/[your-username]/lofi.git

Navigate to the folder

cd lofi

Install all dependencies

yarn

Finally run it locally by using

yarn run dev

Edit files according to your needs & create a PR.

Create a branch

git branch -M [your-github-username]

Add upstream command

git remote add upstream https://github.com/Lourvens/lofi.git

Add your changes

git add [your-changed-files-name]

Commit your changes

git commit -m "your-chnages"

And lastly push your changes

git push origin [your-branch-name]

Create a PR & wait for merge

Share this:

You May Like:

full-stack music app's picture

full-stack music app

Nedx ยฉ 2023