React- Nutshell

Nutshell is a social application designed for sloth enthusiasts.

Installation

Install react packages:

npx create-react-app 
npm i --save react-router-dom
npm install --save bootstrap
npm install --save reactstrap react react-dom

npm start from the root directory to run application

Features / Functionality

1. Login/register as a new user
2. Add/remove friends
3. Add/edit/remove tasks
4. Add/edit/remove news
5. Add/edit/remove events
6. Send receive public messages and edit yours
7. Add friends from search or messages section
8. View news and events of friends/self in chronological order
9. Stay logged in on page refresh
10. Logout
11. Confirm password and username for security
12. Mark tasks as complete

Database sample

Run a json server watching database.json on port 8088

{
  "users": [
    {
      "id": 1,
      "userName": "Steve",
      "email": "[email protected]",
      "password": "123"
    },
    {
      "id": 2,
      "userName": "Mo",
      "email": "[email protected]",
      "password": "123"
    },
    {
      "id": 3,
      "userName": "Leah",
      "email": "[email protected]",
      "password": "123"
    }
  ],
  "news": [
    {
      "title": "Steve",
      "date": "Fri. Jan. 31 2020 11:16 AM",
      "userId": 1,
      "id": 1
    }
  ],
  "events": [
    {
      "userId": 6,
      "name": "My mom's making dinner",
      "date": "Fri Jan 01 2021 16:30:00 GMT-0600 (Central Standard Time)",
      "location": "My house",
      "id": 10
    }
  ],
  "tasks": [
    {
      "userId": 1,
      "name": "Present my findings",
      "completionDate": "2020-01-25",
      "id": 7,
      "isCompleted": true
    }
   
  ],
  "messages": [
    {
      "id": 1,
      "message": "What's up?",
      "userId": 1
    }
   
  ],
  "friends": [
    {
      "userId": 3,
      "friendInitiateId": 4,
      "active": true,
      "id": 12
    },
    {
      "friendInitiateId": 4,
      "userId": 1,
      "active": true,
      "id": 13
    }
  ]
}

Authors

Onterio Wright Audrey Borgra William Green James Nitz

Thank You's

NSS