Web Development project , not essay

Spring 2020 final exam guide

CIS 3100 Final Exam Project Guide Students will be able to submit a project in react.js as their final exam. Instead of having students submit an assignment covering April’s programming in react.js, we will have them submit a project that covers the April content. Details are below.

1. The final April project will not be counted nor collected. We will have students produce the April project for the final exam, instead.

2. Graded Items​. For the final exam, submit a react.js project. This should serve as a checklist for your submission:

a. Three components should exist: items, item and a dataManager. b. App.js should import items, and load bootstrap as a css, making the react app

responsive c. Best to use create-react-app to automatically create the necessary project files

for a react web application. This requires the installation of node and its dependencies.

d. Javascript is required to access the state and props of each component. A master state variable should exist inside of dataManager, which is updated via item and items.

e. A final version should include UI items inside of item and dataManager, which cover the creation and deletion of item data.

f. Deploy your web application to a public URL via Amazon Web Services. g. Your final version should be submitted by the time of the close of the exam, no

later. Your video should be less than two minutes, and includes the use of the Inspect and the react web inspector, in your browser. Do not show your IDE/Cloud9, but show the results of your deployed web app in the react web inspector.

Notes on the project Use the class demonstration. Students who work independently on their own react.js project can submit those projects. Most students will want to build something that follows the demonstrations in the class, using the loom videos posted on Blackboard. Following the class project will deliver something adequate for the final exam. Record a short presentation video. Presentation videos can only include a discussion of what you did. Do not take time to discuss what you plan to do in the future (this can’t be credited). Be sure that your discussion is very short, and your entire video is recorded while showing the live, deployed application. Be sure that you run the Inspect and the react console inside of Chrome, to show the use of your data.

Spring 2020 final exam guide

If you have errors, discuss them. While running the react web inspector, you can see errors in your react code. Also, you can show and present errors you discover while running npm start in the command line. Use your errors as a way to discuss what you accomplished, and discuss what is missing. Show your awareness of how react works, and what the meaning of your errors are. I understand that you have a time limit on your work, but if things are not working right, be sure to know why, and propose a path to repair them or finish the app. Grade Rubric A projects Cover 90 to 100% of the Graded Items B project Cover roughly 80 to 89% of the Graded Items C project Cover roughly 70 to 79% of the Graded Items D project Cover roughly 60 to 69% of the Graded Items E/F project Cover roughly 59% or less of the Graded Items