Skip to content

Latest commit

 

History

History
49 lines (32 loc) · 2.17 KB

README.md

File metadata and controls

49 lines (32 loc) · 2.17 KB
🇧🇷 Português

Lofi Focus - Study and Concentration Platform

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.

About the Project

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.

Technologies Used

  • 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.

Main Features

  • 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, and useState to manage application logic.

Getting Started

To run Lofi Focus locally, follow the steps below:

  1. Ensure you have Node.js installed: Download Node.js.
  2. Clone this repository: git clone https://github.com/your-username/lofi-focus.
  3. Navigate to the project directory: cd lofi-focus.
  4. Install dependencies: npm install.
  5. Start the development server: npm start.

This will open Lofi Focus in your default web browser.

Contact

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.