$24
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.
Starting the Lab
To start the lab, you must follow this [GitHub Classroom link](https://classroom.github.com/a/a3PWXheX). 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.
Tutorial
Use the [tutorials](/tutorials/README.md) 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:
![home page](/screenshots/home-page.png)
and your admin page should look like this:
![admin page](/screenshots/admin-page.png)
Additional Functionality
Once you complete these introductory tutorials, add the following functionality:
- [Deleting Items](/tutorials/deleting-items.md)
- [Editing Items](/tutorials/editing-items.md)
- [Item Descriptions](/tutorials/item-descriptions.md)
Link to GitHub repository
In a footer, you must include a link to your GitHub repository, which must be stored in GitHub Classroom.
Submission
On Canvas, submit the URL for your website, which should be running on your node server.
Rubric for Grading
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 |