Virtual working and studying background (Lofi.co clone)

• Welcome to the A Space! This application provides a customizable virtual space for you to focus, with the added benefits of different sound effects and music to help you concentrate.
• This application is developed from the scratch based on the design of the popular website: Lofi.co. This is mere a personal project to practice web development with no intention for commercial purpose.

Features

• Customizable background with day/night or clear/rain
• Selection of white noise (rain, keyboard, traffic, campfire, etc.) and music based on moods (sleepy, jazzy, chill)
• Time details with random quotes from the movie How I Met Your Mother

Visuals

Getting started

Demo:

Feel free to experience the app from https://aspace-tramnguyenhere.netlify.app/

Install NodeJs and npm

Download and install Node.js from this link https://nodejs.org/en/download/

Clone or download this repo.

On your terminal or cmd, type: git clone https://github.com/tramnguyenhere/working_background-app.git\ On your command line, navigate to root folder and install: npm install

Deploy the application

On the project directory:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

Technology use in the application

• Typescript
• ReactJS
• Redux Toolkit
• SCSS