Name: Elizabeth Trotter
This was a Time-Crunch Sprint challenge where I built out a data sorting app that allows you to sort in ascending and descending order in each field. This was a desktop build that utilized vanilla JavaScript, HTML, and the Bootstrap Framework.
-
I had a great time working on this challenge as I have a penchant for well-organized data, and it provided me with the chance to enhance my understanding of the .sort() method. If the code is revisited in the future, it could benefit from some refactoring.
-
Click 👉 here to scroll down to view other challenges in this series.
Important
This project was part of a sprint challenge series that focused on functionality first, meeting the client's requirements, and supplying a working product prior to the time-crunched deadline. There is opportunity to improve the UI & UX design and responsiveness, if desired.
Client Requirements:
- Formatted
- Pagination
- Able to display 10, 20, 30, 40, 50 results at a time
- Sort By
- ID
- First Name
- Last Name
- Height
- Age
- Use creating elements
- Tested
- Desktop build
| Sprint | Repo Name | Description |
|---|---|---|
| Day 1 | Task Tracker | Enter tasks & track the progress |
| Day 2 | Random Group Generator | Enter names & generate random groups |
| Day 3 | Sorting Data | Sort in ascending & descending order in each field |
| Day 4 | Budget App | Set a budget & add expenses |
Figure 1: Desktop preview of data sorter with sorted ID's in descending order & viewing 10 results at a time