LSA Course Guide Redesign

GIF GOES HERE - TODO

This project is my attempt to recreate the LSA Course Guide as a single-page application that requires no page refreshes for actions such as searching for classes or clicking on a class to see more information about it. Additionally, I added in some extra features that I wished were in the official course guide, such as being able to view course grade distributions directly in the class info, without having to open them in a new tab.

IMAGE OF GRADEGUIDE XFRAME GOES HERE - TODO

Installing

I apologize in advance if these directions do not work on your computer. If you notice any mistakes, feel free to let me know.

1. Install PHP
2. Install Laravel & Laravel Valet
3. Clone this Repository
4. Use "npm install" to install dependencies
5. Use "npm run dev" to launch the app after making changes
6. Close out any incognito tabs you have open currently
7. Open http://course-guide.test in a new incognito window, since caching prevents changes from showing up in a normal window
8. Repeat steps 4-6 every time you make changes to the code

Built With

• Vue.js - The main JavaScript framework used
• Laravel - Used to access the apis and get around CORS
• Vue-multiselect - Used to make the multiselect dropdowns
• BootstrapVue - Used to make website responsive on mobile devices, and to simplify actions like calling api when a specific class is clicked
• Axios - Used to send requests to the Laravel/PHP backend

Authors

• Krithik Vallem

Acknowledgments

• LSA Technology Services, for making the official LSA Course Guide as well as providing the APIs that this project couldn't function without. Thank you for everything you guys do to help us! :)
• Hardik Savani for his great tutorial that inspired me to build this project