"Music Tracks Website" is about building group web application based on an external API. We will select an API that provides data about a topic that we like and then build the webapp around it. The webapp will have 2 or 3 user interfaces (depending on the size of our team):
- A home page showing a list of items that you can "like."
- A popup window with more data about an item that you can use to comment on it or reserve it for a period of time.
Will start by building the core functionalities. At the very beginning the web will look similar to the UI below. Note that it will allow to add like and comment. However we have not added the reservation system.
-
- Use callbacks and promises.
-
- Learn how to use proper ES6 syntax.
-
- Use ES6 modules to write modular JavaScript.
-
- Use webpack to bundle JavaScript.
-
- Implementation of External API
This project is about creating a responsive website to showcase community event, activities and agenda. This is a implementation of SINGLE PAGE APPLICATION widely known as SPA.
Music Track Website: mobile-first approach & responsive on desktop version and bigger size is a capstone project in the process of experiences mimic real-world projects where we must apply what we learned throughout the entire Module, and are built with business specifications that will look really nice in our portfolio. This is a Single Page Application project where in a single page all elements are called through JavaScript Dynamic programming.
- See the Project Requirement
- If required you should personalize the content of your page. Choose a topic that is different than the one in the original design
- API Used
API REQUIREMENTS
feature-One
- Imeplementation of Basic Framework linters error free.
- Implementation of Kanban Board
- Implementation of Gitflow
feature-two
- Implementation of Webpack Framework
feature-three
- We will create a Music Track Website for the visitor eloborating different options and type
- Choosing the API
- Choose images, text, icons, fonts.
- Set up the repository and tools has been done in feature-one, and feature-two
Client Side / Front-End
Server Side / Back-End
Code Convention, Code Analysis
Version Control, CI/CD, Hosting Service
IDE, Desktop Apps, Other Tools
- Mobile First Approach
- Responsive Website
- Button Interactions (i.e. hover, etc.)
- Attractive Images & Design
- Modal/dialog
- Dynamic page (data is retrieved from JSON file)
To get a local copy up and running, follow these steps.
In order to run this project you need:
- git version 2.38.x
- node.js version > 12.x
- IDE
- browser (chrome, firefox, edge, safari)
Clone this repository to your desired folder:
cd JS-Capstone-Project
git https://github.com/harshi0102/JS-Capstone-Project.gitInstall this project with:
cd JS-Capstone-Project
node npm installTo run the project, execute the following command: run live server
To run tests, run the following command: Run Github Actions Test
npx stylelint "**/*.{css,scss}"This project is deployed at github pages you can clone it here. [Please click to clone](coming soon)
👤 Harshika Govind
- GitHub: @harshi0102
- Twitter: @harshika0102me
- LinkedIn: harshikagovind
👤 Yousef
- GitHub: @yusufobr
- Twitter: @OubariY
- LinkedIn: Youssef OUBARI
👤 Captain Bawa
- GitHub: @CaptainBawa
- Twitter: @BawaCollins
- LinkedIn: collinsbawa
- Dynamic content.
- Add functionality of Javascript API
- Will add some background and beautification
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
If you like this project give a star to this repositiory.
I would like to thank the Microverse full-stack curriculum for the inspiration and guidance.
This project is under MIT licensed.