<aside> đź’Ż Submission: This assignment is due right before your next class begins. Please paste below a link to your public Github Repository containing your solution:
</aside>
Your Github Repository Link Here:
<https://github.com/kassbuc/COMP-3013-Assignment-Tracker>
Watch the video below if you need a refresher on how to use Git/Github. (If it is your first time using either of these, the video will be particularly helpful).
https://www.youtube.com/watch?v=IyWCVSpwp4A
<aside> 🚀 While this lab is individual, you are allowed to collaborate with a partner (as in, share ideas/strategies)..and I encourage you to do so! Feel free to get up and talk with other students in the class to bounce ideas off each other.
</aside>
Your task for this week is to make a number of improvements to an already existing React application. Imagine that a designer has provided you the basic design for an app that tracks assignments that you have to complete at BCIT. I have already created the basic structure/css for you in the starter code…but you need to now use React to breathe life into the app and make it come alive. (In other words: No functionality works currently…and you need to make it work).
First, download the zip from learning hub titled: “assignmentTracker.zip”. Once you have done so, unzip it, and open it within VS Code.
Open up the integrated terminal in VSCode (Or your terminal of choice) by typing CTRL+ ~ and type the following:
Windows Users: dir
MacOS/Linux Users/Windows-Users-Running-Bash: ls
You should see in your terminal a bunch of files listed out that look similar to the screenshot below (minus the node_modules folder which will be missing for you currently).
If you don’t see that list of files…it means you probably need to use the cd **folderName command to change directory into the correct folder.
Once you are in the correct directory, type the command: npm install to download React, Typescript, and all the other dependencies it needed for this project.
Once you are finished, you should now have a node_modules folder…meaning you’ll be good to go. Type the following to have Vite startup your React project: