The latest articles on DEV Community by Nandan V (@nandanv2702). https://dev.to/nandanv2702 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F784031%2F3592424c-89ea-47a8-9fdd-882229f616fa.jpeg https://dev.to/nandanv2702 en Nandan V Sat, 01 Jan 2022 15:23:45 +0000 https://dev.to/nandanv2702/hacking-together-a-web-scraping-enrollment-app-3eb6 https://dev.to/nandanv2702/hacking-together-a-web-scraping-enrollment-app-3eb6 <h3> Overview of My Submission </h3> <p>If you're a university student / have ever been to uni, you know how cumbersome enrollment can be. You need to look for a class, find the profs, find out how good they are and their average GPA - all this takes time!</p> <p>So, this app aims to sort professors by rating and GPA trend for any course in this semester or the upcoming one/(s) at my uni - and all <em>you</em> need to do is look up course 😄</p> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxjwqu0z2vu68zf42wx5d.gif" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxjwqu0z2vu68zf42wx5d.gif" alt="App Demo"></a></p> <h3> Submission Category </h3> <p>Choose Your Own Adventure</p> <h3> Link to Code </h3> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev.to%2Fassets%2Fgithub-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"> <a href="https://github.com/nandanv2702" rel="noopener noreferrer"> nandanv2702 </a> / <a href="https://github.com/nandanv2702/unitrack" rel="noopener noreferrer"> unitrack </a> </h2> <h3> Sort UW-Madison professors by rating and GPA trend for any course in this semester or the upcoming one/(s) </h3> </div> <div class="ltag-github-body"> <div id="readme" class="md"> <div class="markdown-heading"> <h1 class="heading-element">UniTrack</h1> </div> <p>Sort professors by rating and GPA trend for any course in this semester or the upcoming one/(s)</p> <div class="markdown-heading"> <h2 class="heading-element">The Problem</h2> </div> <p>Here's what it's like enrolling for classes:</p> <ul class="contains-task-list"> <li class="task-list-item"> Search for a class on the Course Search and Enroll App</li> <li class="task-list-item"> Search for every professor's rating online</li> <li class="task-list-item"> Search for every professor's GPA trends on <a href="https://github.com/madgrades/madgrades.com" rel="noopener noreferrer">MadGrades</a> </li> <li class="task-list-item"> Try to make sense of this data</li> <li class="task-list-item"> Have a Spotted Cow 🍻</li> <li class="task-list-item"> Repeat for 5 other classes this semester</li> </ul> <div class="markdown-heading"> <h2 class="heading-element">The Solution</h2> </div> <p>Here's what you <em>could</em> do instead:</p> <ul class="contains-task-list"> <li class="task-list-item"> Look up a class on this app</li> <li class="task-list-item"> Have a Spotted Cow 🍻</li> <li class="task-list-item"> View grade trends and ratings all in one place!</li> </ul> <div class="markdown-heading"> <h2 class="heading-element">What I Used</h2> </div> <ul> <li> <a href="https://github.com/madgrades/api.madgrades.com" rel="noopener noreferrer">MadGrades API</a> <ul> <li>Find course by name, e.g., 'Econ 101'</li> <li>Find all GPA data and filter by professor</li> </ul> </li> <li>UW Madison's <a href="https://public.enroll.wisc.edu/api/search/v1" rel="nofollow noopener noreferrer">Public Course Search and Enroll API</a> <ul> <li>Find course in a particular semester</li> <li>Find professors for all sections in one course in a semester</li> </ul> </li> <li>Good ol' web scraping for…</li> </ul> </div> </div> <div class="gh-btn-container"><a class="gh-btn" href="https://github.com/nandanv2702/unitrack" rel="noopener noreferrer">View on GitHub</a></div> </div> <h3> Additional Resources / Info </h3> <p>Here's some of the tools I used</p> <ul> <li><a href="https://www.mongodb.com/atlas/database" rel="noopener noreferrer">MongoDB Atlas</a></li> <li> <a href="https://nuxtjs.org" rel="noopener noreferrer">NuxtJS</a> - a <a href="https://vuejs.org" rel="noopener noreferrer">VueJS</a> framework</li> <li> <a href="https://vue.chakra-ui.com/input" rel="noopener noreferrer">ChakraUI</a> - an accessibility-oriented component library</li> </ul> atlashackathon javascript vue webdev