Skip to content

yumin2002/Lofi-Focus

 
 

Repository files navigation

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 📱💻🖥️

Getting Started 🚀

To use Lofi, simply visit the website here. You can then start playing music immediately, or explore the different customization options to tailor your listening experience to your preferences.

overview 💻

Capture d’écran 2023-03-10 192632

Contributing 💻

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

Let's run this website locally

Fork this repository

image

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

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 93.8%
  • HTML 2.8%
  • JavaScript 2.0%
  • CSS 1.4%