Project Milestone 3
DUE: Monday, April 23 at noon
The goal of this milestone is to create a skeleton for both your frontend and backend, which will form the foundation for the rest of your project. You are free to change your design as the quarter progresses. But it is important to have some sort of skeleton by now so that your TA can give you the proper feedback and so that your team can maintain the proper pace.
The grading rubric contains all of the required items to turn in for
Create a UI skeleton of all screens of your web app, with one HTML webpage for each screen. Include a complete set of navigation links on all webpages. This means that every link and button is functional; there are no dead ends (i.e. where a user cannot go back) and no dead links (i.e. a non-working link/button). Although the links should all work, the pages they lead to need not be complete or filled with content yet—you can use empty placeholder pages instead. Now you should have a 'skeleton' for your web application. Don't worry about making your webpages look good aesthetically yet; it's OK if it looks like a rough draft.
(You may remember UI skeletons from one of the early COGS120/CSE170 assignments.)
Now create a skeleton for your backend by setting up the ability to serve your UI skeleton webpages (and associated images, if any) as static files hosted on a web server (either localhost on your computer or hosted online). Also create some Ajax functionality to connect your frontend to your backend.
Review the Node.js + Express web app lecture materials for reference on how to build a simple backend and Ajax functionality. However, you are free to use whatever web technologies you would like for the project.
Finally, fill out a teammate assessment form.
Your TA will grade your milestone in class during your assigned grading day, so plan to come to class then to present your demo. If you do not come to class that day, then your milestone will not be graded.
Grading rubric (14 points)
Frequently Asked Questions
First please check the project FAQ.