Welcome to the openMusic Vinyl Catalog project! This prototype showcases a user-friendly website designed to display a curated selection of vinyl records. Our goal is to provide music lovers with an easy way to explore and discover vinyl across various genres.
The openMusic team has requested the development of a prototype for their website, focusing on displaying their available vinyl catalog. The site is organized into three main musical categories:
- Rock
- Pop
- Rap
- Reggae
- Indie
This structured approach allows users to easily navigate through different genres and find their favorite records.
- Categorized Browsing: Users can explore vinyl records by genre.
- Centralized Data Management: Utilizing Vuex for efficient state management.
- Responsive Design: Ensures a seamless experience across devices.
This project leverages the following technologies:
- Vue.js: A progressive JavaScript framework for building user interfaces.
- Vue CLI: A standard tooling for Vue.js development.
- Vue Router: For managing navigation between different views.
- Vuex: For centralized state management, enabling easy data handling.
- Mutations & Getters: To manage and retrieve data effectively within the Vuex store.
To get started with the project, follow these steps:
- Clone the repository:
git clone https://github.com/yourusername/openMusic.git
- Navigate to the project directory:
cd openMusic - Install dependencies:
npm install
To start the development server, run:
npm run serveVisit http://localhost:8080 in your browser to view the application.
I welcome contributions! If you have suggestions for improvements or would like to report a bug, please open an issue or submit a pull request.
- Thanks to E-Camp for the opportunity to develop this project.
- Special thanks to the Vue.js and Vuetify communities for their invaluable resources and support.