The Music Collection-webapp Project

📗 Table of Contents

• 📗 Table of Contents
• 📖 [Music-Collection]
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
  • 🚀 Project Presentation
  • 💻 Getting Started
    • Prerequisites
    • Setup
    • Install
    • Usage
    • Run tests
    • Deployment
  • 👥 Authors
  • 🔭 Future Features
  • 🤝 Contributing
  • ⭐️ Show your support
  • 🙏 Acknowledgments
  • ❓ FAQ (OPTIONAL)
  • 📝 License

📖 [Music-Collection]

This project was created as part of Microverse React redux capstone project. It gives the student an opportunity to showcase his talent with HTML, CSS, React, and Redux. It also allows the student to showcase what they can do to the future employee.

[Music-Collection] is a project that allows a user to select a category of music and view the list of all songs in that category grouped by artists.

🛠 Built With

Tech Stack

The tech stack used in this project include CSS, HTML5, Javascript, React, and Redux.

Version Control

• GitHub

Client

• CSS
• HTML5
• Javascript
• React
• Redux
• Bootstrap

Key Features

This project contain the features listed below.

• [HTML Display Property]
• [HTML Forms]
• [CSS Bootstrap]
• [Fontawesome]
• [CSS Mobile First Design Approch]
• [React]
• [Redux]
• [React Route dom (v6)]
• [React Pagenation]
• [React Filter]
• [API Counsumption]
• [Git Branch]
• [.gitignore file]

(back to top)

🚀 Live Demo

This Project is deployed at Netlify

(back to top)

🚀 Project Presentation

This project is presented at Loom.

(back to top)

💻 Getting Started

To get a local copy up and running, follow these steps.

Prerequisites

In order to run this project you need:

Setup

Clone this repository to your desired folder:

  git clone git@github.com:chudisoft/music-collection.git
  cd music-collection
  code .

Install

This project doesn't require installation.

Usage

To run the project, execute the following command: Open index.html with a browser (Chrome, Firefox, Opera, Safari, or Edge)

Run tests

For now no test is implemented.

Deployment

You can deploy this project using: Copying/uploading the project's build folder's contents to the root of your server.

(back to top)

👥 Authors

The collaborators of this project include:

👤 Christopher Uduekwe

• GitHub: @githubhandle
• Twitter: @twitterhandle
• LinkedIn: LinkedIn

(back to top)

🔭 Future Features

Features I will add to the project are:

• [Error Notification using react-toastify]

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

Readers are encouraged to support this project by contributing.

If you like this project, feel free to use it, leave a comment and follow me for update.

(back to top)

🙏 Acknowledgments

I would like to thank microverse for this wonderful opportunity.

(back to top)

❓ FAQ (OPTIONAL)

2 questions new developers would ask when they decide to use this project.

• [What languages where used?]

  • [React, Redux, Html5, Javascript, and CSS]

• [What git control system was used?]

  • [Github]

(back to top)

📝 License

This project is MIT licensed.

(back to top)