Group6_CST438_Project03_Web

Team Members

1. Alfredo Hernandez
2. Jose Barroso A.
3. Rakery Cheng
4. Ryan Trinh

App Description

This is a web based "story time" application using modern web frameworks. This will require the development of a Representational state transfer (REST) Application Programming Interface (API), a constant integration, constant development (CICD) pipeline, and a persistence (Database) layer. The website will be deployed to a Platform as a Service (PaaS) such as Heroku or Google App Engine, and will also have a mobile front-end (android)

• Link to Mobile Front-end Repo
• Link to Back-end Repo

Resources

• Using OAuth 2.0 to Access Google APIs
• Spring Boot CRUD operations
• How to interact with REST APIs from JavaScript
• Google Java Style Guide
• Generating Code Snippets on Postman API

Entity Relationship Diagram(s)

API Endpoints

List all Items

• GET [URL]/items

Show a specific list/story

• GET [URL]/items?list={list name || list ID}

Add a new post to a story

• POST [URL]/items?item_name={item name}&url={url}

Delete a story post

• DELETE [URL]/items?item_name={item id}

Create new User Account

• POST:[url]/newuser?username={username}&password={password}

Update Story Item

• PATCH [URL]/items?item_name={item id}

Delete Account (Must ask for Confirmation)

• DELETE: [URL]/users?username={username}

Show a Specific Story

• GET [URL]/items?list={list name || list ID}

Logout of Account

• POST/GET [url]/logout?username={username}

Login to Account

• POST:[url]/login?username={username}&password={password}

Site Map (Files)

1. index.html (landing page)
2. about.html (login page)

User Auth Pages (Must be logged in to see)

3. profile.html (log-in w/ Google OAuth2.0)

Site Map

• We are thinking of condensing the web front-end to three HTML files that represent index page, about page, and a profile page (once user is logged in).
• Landing Page

• Profile Page

• About Page