pppzlt / grocery-list

Project 2

Group 1: Lantao Zhang, Joe Hanson, Madison Woodward, Hannah Vaughan

Description

This is a simple grocery list application that allows users to keep track of their grocery lists. When the user opens the app, they are presented with a login screen. If the user has credentials, they enter in their username and password and press the login button. If these are not the correct credentials, then nothing will occur. If they match the values in the database, then the user is taken to their current grocery list page for that week. If the user does not have an account made, they press the sign up button and are redirected to a signup page to input their information and create an account. Once the user is in their account, they have a current grocery list page, and a page with their active and inactive lists. The user is able to input the grocery item needed, quantity, and any additional comments, and also able to delete, edit, and add items.

Technologies Used

JavaScript, Handlebars, CSS, Node.js, Express.js, Sequelize, mySQL, Twilio, bcrypt, DotENV

Visuals/Screenshots

Deployed App

Deployed app URL: https://mvp-grocery-list.herokuapp.com/home/

grocery-list's Issues

In listpage.js, add function, to populate a new list

Create an alert for when items have been added to a list via text.

add model/table for group and connect relationship- has many user

Adding Accountpage handlebars where user will see, in account page user see their shopping list details, and they can choose to add, edit, or delete

Deployed to Heroku

get lists to populate on page from DB

get frontend index.html work with twilio API, and test successfully

adding in signup functionality

Be able to send data to twilio and resend to our server

Create drop down or ticker to select number of specific items to be purchased.

Create a User model

Set up controller folder, and adding a index.js in controller folder

CSS/Bootstrap

Adding homeRoutes.js

rename front end js files

reanme them to be login.js for login handlebar/ logout.js for logout display/ list.js for list page/ item.js for grocery handlebar

Adding a powerpoint in the end

Create a Item Model

rename Group to List in our backend

make it less confusing

Design wireframe for additional pages.

Once the server receive the twilio data, parse it and store the data

Design wireframe

Create a page to organize/remove/add the recurring purchases. Drag and drop box to remove items if they don't need to be repurchased for the next week.

create groceries.js

Adding login handlebars

create signup.js

User input- via twilio

Create README file

Readme file

Frontend JS file- signup and login buttons and event listeners

User input - Via website

Create menu with options for adding users to a list.

set up the config folder to connect the server with database

Create visual that shows which users are connected to a list.

Create menu - Navigation to different lists, navigation to add users to specific lists.

Text connection event listener once logged in

move script.js content to home.js

delete route in controller

Empty box to populate list data into

add in inner list nav button

Create database, make schema.sql

create login backend

Create account with twilio API

Put sample data in seeds file, seeds/index.js

Adding edit handlebar

Add a register handlerbars

Using session, if loggedIn then showing logout button/logout js in home?

Draw data model on paper? and then build related model file in Data folder

Add env file and create TWILIO account

Adding homepage handlebars

Adding api routes