https://github.com/roninjosue/drum-machine
FreeCodeCamp Front End Development Libraries Projects
https://github.com/roninjosue/drum-machine
react
Last synced: 3 months ago
JSON representation
FreeCodeCamp Front End Development Libraries Projects
- Host: GitHub
- URL: https://github.com/roninjosue/drum-machine
- Owner: roninJosue
- Created: 2021-12-23T02:58:30.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-03-30T03:55:54.000Z (about 3 years ago)
- Last Synced: 2025-01-09T14:56:23.384Z (4 months ago)
- Topics: react
- Language: JavaScript
- Homepage: https://fcc-drum-machine-rc.netlify.app/
- Size: 467 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Random Quote Machine
Solution for Front End Development Libraries project.
## Table of Contents
- [Overview](#overview)
- [Built With](#built-with)
- [Installation](#installation)
- [Features](#features)
- [Contact](#contact)
## Overview
### This is how the application is displayed on desktop and mobile
### Built With
- [React](https://reactjs.org/)
- [Create React App](https://create-react-app.dev/)
- [Styled Components](https://styled-components.com/)
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
### Installation
1. Clone or download the repository.
2. Install all the dependencies using the following command.
```bash
npm install
```
3. Run the application using the following command.
```bash
npm run start
```
## Features
This application/site was created as a submission to a Front End Development Libraries project from freeCodeCamp.
* Drum Machine is an app that can be used to play a variety of sounds.
* Created with React and styled-components.
* HTML5 audio API is used to play the sounds.
---
## Contact
- GitHub [@roninJosue](https://github.com/roninJosue)
- Instagram [roninJosue](https://www.instagram.com/roninjosue)