Nutshell is a dashboard for people to organize their daily tasks, events, news articles, friends, and chat messages. All of the items listed above can be added, deleted, and edited as the user likes. Users can also use this site to connect with new people via the public chat feature. This dashboard was created by Ben Davis, Brady Logan, Morrigan McCoy, and Travis Pinson.
HTML, CSS/Flexbox, JavaScript, functions, databases, Github, objects, array methods, components, handling user events, implementing CRUD operations, relational data, ERDs.
- Clone this repository
cd
into the directory it creates- Make a
database.json
file in theapi
directory - Delete the
.ignore
file in theapi
directory - Edit the
database.json
file to have the following:{ "users": [], "events": [], "tasks": [], "articles":[], "friends":[], "messages": [] }
- Create a
Settings.js
file in thesrc
directory. - Input the following into
Settings.js
: export default { weatherKey: "" } - Obtain a weather api key from https://openweathermap.org/api
- Copy and paste your api key into the the
""
inSettings.js
- Run json-server in your terminal by navigating to the
api
directory, and typing the following:json-server -p 8088 -w database.json
- Serve the application by navigating in a separate window to the
src
directory and enteringserve
.
We want you to know that the login and registration code 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.