| 🇧🇷 Português |
Lofi Focus is a project that provides an audio experience to help people focus and study. The site offers various lo-fi stations and a collection of background sounds, including fire, people, train, wind, water, and more. These sounds are carefully curated to enhance concentration and boost productivity.
To access Lofi Focus, click here.
Lofi Focus was developed with the aim of creating an auditory environment that facilitates focus and productivity. Utilizing technologies like React, TypeScript, and Styled Components, the project leverages advanced features of the React library, including hooks for managing state and context.
- React - JavaScript library for building user interfaces.
- TypeScript - Superset of JavaScript that adds static typing.
- Styled Components - Library for writing CSS in JavaScript.
- React Icons - Icon library for React projects.
- Lofi Stations: Various lo-fi music options to create the perfect study environment.
- Background Sounds: Sounds like fire, people, train, wind, and water to enhance the experience.
- React Hooks: Extensive use of hooks like
useContext,useRef,useEffect, anduseStateto manage application logic.
To run Lofi Focus locally, follow the steps below:
- Ensure you have Node.js installed: Download Node.js.
- Clone this repository:
git clone https://github.com/your-username/lofi-focus. - Navigate to the project directory:
cd lofi-focus. - Install dependencies:
npm install. - Start the development server:
npm start.
This will open Lofi Focus in your default web browser.
If you have any questions, suggestions, or just want to connect, feel free to reach out. You can contact me via email, find me on LinkedIn, or check out my GitHub profile.