Scribd
Upload
26 views

Cosc4220 Assignment2 State

This document provides instructions for an assignment to create a mock message board application. Students will be given initial JSON data and must build components to display posts, and allow upvoting/downvoting of posts which updates the count. The app must follow React conventions, breaking components into small pieces, and manage state. Students are also provided NPM commands for setting up the project and submitting via GitHub classroom.

Uploaded by

aaa zzz
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
26 views

Cosc4220 Assignment2 State

This document provides instructions for an assignment to create a mock message board application. Students will be given initial JSON data and must build components to display posts, and allow upvoting/downvoting of posts which updates the count. The app must follow React conventions, breaking components into small pieces, and manage state. Students are also provided NPM commands for setting up the project and submitting via GitHub classroom.

Uploaded by

aaa zzz
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

State

UWYO COSC 4220


1 Assignment
For this assignment you well be creating a mock message board with the ability to upvote, downvote, and
post new messages. Each message should have corresponding up and down arrows as well as a net count (+1
for an upvote −1 for a downvote). Unlike in real message boards users will be allowed to hit either button
an infinite amount of times, each time the count should change. You will be given an initial JSON file with
posts and their corresponding user to work from. In addition you will need to take in new additional posts,
with users supplying the name to post under and the message. New posts should start with a count of 0.
Requirements:

You must follow react/function conventions


Components should be broken up into as small of pieces as possible
You will need an index.js entry pint, and index.html, and an App.js point for your app, .babelrc,
webpack.config.js

It is recommended you open the data in App.js with a useState statement.


You have to manage state
a .css styling file, do not submit a flat white page.

Written by Danny Radosevich for UWYO COSC 4220


2 NPM commands
When you are setting up your directory:
npm init -y
npm install react react dom serve --save
npm install webpack webpack-cli --save
npm install babel-loader @babel/core --save
npm install @babel/preset-env @babel/preset-react --save
To create your bundle:
npx webpack --mode development

3 Submission
Submissions must include a .gitignore to ignore node modules
Submissions for this homework will be done though github classroom.
The assignment can be accepted here: https://classroom.github.com/a/yekU2aGK
Submissions must include the following:

A README.md containing:
Your Name
The Assignment number
Submission date
Who you worked with/sources used
Any program quirks/things that don’t work
All resource files must be present.

Written by Danny Radosevich for UWYO COSC 4220

You might also like