Get-moving

This app is a social exercise activity app, where users can view other activities added by people and register to these events. The app follows the MVC paradigm in its architectural structure, using Handlebars.js as the templating language, Sequelize as the ORM, npm bcrypt package to hash passwords and the express-session npm package for authentication. It also uses Simonwep/pickr.

Deployed Link

Deployed

Get-moving
Deployed Link
Table of Contents
Installation
Usage
Features
Modals
Built With
Resources Used
Author
License

Installation

Go to the app's repo in github and clone the app
Open the app in VS code, navigate to .env file, change the DB_USER and DB_PW based on current user configurations
From terminal: navigate to app's directoty and run:
```
$ npm install
```
From terminal: navigate to db folder in the app's directoty and run:
```
$ mysql -u root - p
```
Run the schema file:
```
source schema.sql
```
From terminal: navigate to the app's directoty and run:
```
$ npm run seed
```
To invoke the app from terminal, run:
```
$ npm start
```

Usage

Homepage

My Activity

Add Activity

Delete Activity

Attend Activity

Features

When the user first opens the page, a list of activites appear on the page. When click on a single activity, the user is prompted to either sign up or login. After login, the user can see his created activities by creating the Activity tab in the nav bar. The user can also delete activities from his Activity page, or attend an activity on homepage. The homepage shows people signed up for each event, when the users clicks on the button to attend, his name is added to the people coming list. This app also has a fun color changing feature at the bottom of the page. You can click on the white and a color changer pops up. You can then use the color changer to change the background color of the site.

When the user first opens the page, a list of activites appear on the page. When click on a single activity, the user is prompted to either sign up or login. After login, the user can see his created activities by creating the Activity tab in the nav bar. The user can also delete activities from his Activity page, or attend an activity on homepage. The homepage shows people signed up for each event, when the users clicks on the button to attend, his name is added to the people coming list

Modals

Our app has many to many relationship between user and activity models, this is done through an assosicstion table that has user_id and activity_id. Users can attend many activities and activities belong to many users. There is a one to many relationship as well between user and activity, since the user can create many activities. Screenshot below shows our model's structure