In this assignment, you will build an entire web application, using Vue for the front end and Node, Express, and Mongo on the back end. As part of this, we will show you how to upload photos to a server.
To start the lab, you must follow this GitHub Classroom link. This will create a private repository for you using our classroom site. We will only grade repositories created and submitted this way.
Once you "Accept the assignment" on GitHub Classroom, it will create a new repository for you and grant you access to it on GitHub. In order to start working on the lab, simply clone the repository to your laptop or other working environment.
Use the tutorials to create the application. This will help you create an application that includes creating items for the museum and displaying them. Once you are done, your home page should look like this:
and your admin page should look like this:
Once you complete these introductory tutorials, add the following functionality:
In a footer, you must include a link to your GitHub repository, which must be stored in GitHub Classroom.
On Canvas, submit the URL for your website, which should be running on your DigitalOcean server.
When we grade these labs, we will award points using the following rubric:
| Item | Points |
|---|---|
| The material in the tutorial works. Add four photos of your own objects to demonstrate this. | 70 |
| Deleting items works | 10 |
| Editing items works | 10 |
| Item descriptions work for both adding and editing | 10 |