https://github.com/yeyom/lofi_code
This lofi player will make every developer feel like home, use it for those long coding sessions, built with NextJs and react-terminal.
https://github.com/yeyom/lofi_code
lofi lofi-music lofi-player nextjs react reactjs
Last synced: 10 months ago
JSON representation
This lofi player will make every developer feel like home, use it for those long coding sessions, built with NextJs and react-terminal.
- Host: GitHub
- URL: https://github.com/yeyom/lofi_code
- Owner: YeyoM
- License: mit
- Created: 2022-07-05T05:35:58.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2024-01-08T02:13:19.000Z (over 2 years ago)
- Last Synced: 2025-07-30T18:39:23.214Z (11 months ago)
- Topics: lofi, lofi-music, lofi-player, nextjs, react, reactjs
- Language: JavaScript
- Homepage: https://lofi-terminal.vercel.app/
- Size: 902 KB
- Stars: 36
- Watchers: 2
- Forks: 3
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
Lofi Terminal
This lofi player will make every developer feel like home, use it for those long coding sessions, built with NextJs and react-terminal.
Explore the code »
View Demo
·
Report Bug
## About The Project
[![Product Name Screen Shot][product-screenshot]](https://lofi-terminal.vercel.app/)
### What is Lofi?
Lofi refers to a recording with less than professional or flawed sound quality. “Lo-fi” is short for “low fidelity,” and initially referred to a low-quality recording with audible imperfections, such as background noise or performance mistakes, recorded with inexpensive equipment—the opposite of high fidelity or hi-fi production.
- Lofi music can reduce stress and enhance focus, resulting in quality study sessions.
- Lofi and other musical styles can help students reduce distractions while boosting brain activity.
Slower, relaxing music can improve your mood by increasing serotonin and dopamine levels. A study from Montreal's McGill University found that music listeners receive up to a 9% boost in dopamine levels. This boost in brain chemicals can enhance studying by keeping developers and students focused and relaxed.
In addition to elevating mood and increasing brain activity, lo-fi music offers a solid list of benefits that can help you make the most of your studying. Keep reading to learn more about the benefits of lofi music.
### Built With
- [![Next][Next.js]][Next-url]
- [![React][React.js]][React-url]
## Getting Started
To get a local copy up and running follow these simple example steps.
### Prerequisites
Have npm on your system.
- npm
```sh
npm install npm@latest -g
```
### Installation
1. Clone the repo
```sh
git clone https://github.com/YeyoM/lofi_code.git
```
2. Install NPM packages
```sh
npm install
```
3. Get and api key from Openweather and enter your API in an env file
```env
WEATHER_API_KEY=
```
4. Set another env variable for the host url
```env
NEXT_PUBLIC_HOST=http://localhost:3000/api/getWeather
```
5. Run the development server
```sh
npm run dev
```
## License
Distributed under the MIT License. See `LICENSE.txt` for more information.
## Contact
YeyoM - yeyomoreno2003@hotmail.com
Lofi Terminal - [https://github.com/YeyoM/lofi_code](https://github.com/YeyoM/lofi_code)
[issues-shield]: https://img.shields.io/github/issues/github_username/repo_name.svg?style=for-the-badge
[issues-url]: https://github.com/YeyoM/lofi_code/issues
[license-shield]: https://img.shields.io/github/license/github_username/repo_name.svg?style=for-the-badge
[license-url]: https://github.com/YeyoM/lofi_code/blob/main/LICENCE.txt
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[linkedin-url]: https://www.linkedin.com/in/diego-emilio-moreno-sanchez/
[product-screenshot]: public/project-screenshot.png
[Next.js]: https://img.shields.io/badge/next.js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white
[Next-url]: https://nextjs.org/
[React.js]: https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB
[React-url]: https://reactjs.org/