JS-Cinema-Sorter is a dynamic web application designed to demonstrate sorting algorithms with a fun twist—sorting new movie releases! This repository uses JavaScript, Ajax, DOM manipulation, and event handling to provide an interactive way to explore the bubble sort algorithm.
- Bubble Sort Implementation: Experience how the bubble sort algorithm organizes lists of movies.
- Dynamic Content Loading: Utilize Ajax to load movie data asynchronously without reloading the web page.
- Interactive UI: Engage with the DOM to see the sorting process in action.
- Event Handling: Learn how JavaScript handles user inputs and other events to provide a responsive experience.
You'll need a modern web browser that supports HTML5, CSS3, and JavaScript. No additional installations are required.
- Clone the repository:
git clone https://github.com/shliamin/JS-Cinema-Sorter.git cd JS-Cinema-Sorter
- Open the index.html file in your browser to start using the application.
CinemaSorterJS allows users to interactively sort movie lists using the bubble sort algorithm. Here’s how you can make the most out of this application:
-
Viewing Movies:
- Navigate to the main page where the list of new movie releases is displayed.
-
Sorting Movies:
- Click the 'Sort' button to initiate the sorting process. You can choose the sorting criterion from a dropdown menu (e.g., release date, title).
-
Interactive Feedback:
- Watch as movies rearrange themselves in real time during the sorting process. This visual feedback helps users understand the efficiency and step-by-step operation of the bubble sort algorithm.
-
AJAX Calls:
- AJAX is used to fetch movie data asynchronously, ensuring the page does not need to be reloaded when new data is retrieved or sorted.
Contributions are highly appreciated! Whether you're fixing bugs, adding features, or improving documentation, here's how you can contribute:
-
Fork the Repository:
- Navigate to the repository on GitHub and click 'Fork' at the top right corner to create your own copy of the project.
-
Create a Branch:
- In your forked repository, create a new branch for your changes:
git checkout -b feature/YourNewFeature
.
- In your forked repository, create a new branch for your changes:
-
Make Your Changes:
- Add new functionalities, fix bugs, or enhance the documentation.
-
Commit Your Changes:
- Once you're happy with your changes, commit them:
git commit -am 'Add some YourNewFeature'
.
- Once you're happy with your changes, commit them:
-
Push to the Branch:
- Push your changes to your GitHub repository:
git push origin feature/YourNewFeature
.
- Push your changes to your GitHub repository:
-
Submit a Pull Request:
- Go back to the original repository and click on 'Pull request'. Select your branch and submit the pull request with a clear description of what your changes are and why they are beneficial.
-
Review & Merge:
- Maintain an open dialogue if reviewers have questions or feedback. Once approved, your contribution may be merged into the project.
We welcome contributions from everyone and hope our community grows vibrant with your inputs!