Nutshell

Application Overview: In a 6 day agile-scrum sprint, our team created "Nutshell", a social media style dashboard for a user to organize daily tasks, events, news article, friends, and chat messages.

Watch the video demo here!

To run this app, follow these instructions:

Make sure you have Node.js and npm installed

1. git clone repository URL
2. cd into the directory it creates
3. touch api/database.json
4. Delete the .ignore file in the api directory
5. touch src/Settings.js
6. Visit https://openweathermap.org/guide#how to create an account and get your API key
7. in Settings.js export default { weatherKey: "your API key here" }
8. In your database.json file, copy and paste the following empty arrays: { "users": [], "tasks": [], "events": [], "news": [], "messages": [], "friends": [] }
9. Serve JSON file utilizing json-server -w database.json -p 8088
10. In a new tab in your terminal, cd into src, and serve
11. Go to the localhost in your browser and register an account

Technologies Used

For this project we used:Vanilla JavaScript, External APIs, Github, CSS/Flexbox, Handling user events, Implementing CRUD operations, Relational data, ERD

Homepage

• User can save a new task, event, or news article
• User can view their tasks, events, and news articles as well as their friends' events and news articles
• User can can edit or delete tasks, events, and news articles
• User can view weather for each event (if it is within the next 5 days)
• User can add a new friend by entering username into Friend Form or by clicking on Friend in the Chat window
• User can message a friend publicly or privately

Planning Links

1. ERD
2. Wireframe

Contributors

Kristen Steele
Danny McCracken
Heath Lester
Jasmin Kaset