ember-parr/nuttyshell-react-plentyofwitches

nuttyshell-react-plentyofwitches created by GitHub Classroom

Group Project completed during course at Nashville Software School [October 2020]

Plenty of witches is a Halloween themed social site. Users can manager messages, tasks, events, friends and events. My contribution to group project: News Article components.

Technologies: React.js, ReactStrap, Json, HTML, CSS

Nutshell: The Information Dashboard

Instructions for project:

Nutshell is a new product offering that you have been tasked with building. It's a dashboard for people to use to organize their daily tasks, events, news article, friends, and chat messages.

You will be utilizing all of the skills and concepts that you've learned up to this point in the course.

1. Functions
2. Databases
3. Github
4. Objects
5. CSS/Flexbox
6. Array methods
7. Components
8. Handling user events
9. Implementing CRUD operations
10. Relational data
11. ERDs

To start you off, here's an example of what the resources in your API should look like once it's populated with some data from your application.

Users

{ "id": 1, "username": "Steve", "email": "[email protected]" }

Messages

{ "id": 1, "userId": 1, "message": "What's up?" }

News

{
	"id": 1,
	"userId": 2,
	"url": "https://www.quantamagazine.org/newfound-wormhole-allows-information-to-escape-black-holes-20171023/",
	"title": "Wormholes Allow Information to Escape Black Holes",
	"synopsis": "Check out this recent discovery about workholes"
}

Friends

{ "id": 1, "userId": 1, "following": 3 }

Tasks

{ "id": 1, "userId": 3, "task": "Take out garbage", "complete": false }

Professional Requirements

1. Each module should have a comment at the top with the following info: author(s) and purpose of module
2. The README for your project should include instructions on how another person can download and run the application

A Note About Authentication

We want you to know that the login and registration code we have given you is fake, completely insecure, and would never be implemented in a professional application. It is a simulation authentication using very simplistic tools, because authentication is not a learning objective of students at NSS.

You will be using session storage to keep track of which user has logged into Nutshell. You need to read the code in the LoginForm and RegisterForm components so that you see what is going on, but you do not need to change it. However, you will have to use a custom message that is being dispatched by those components.