Cory Griffiths, Myles Lopez, Luis Navarro, Anthony Doolan

CST 336

July 26, 2022

CSUMB Press

Myles Lopez’s Final Project Location: https://replit.com/join/cvmckmxuap-mylesmacabray

Website: https://group-project-attempt-1.mylesmacabray.repl.co

1. Project Description
o We have created a mini content management system.
o This allows admins/content editors to create pages based on a single content
type. Page data will be taken from the database, the URLs will be specified by the
user.
o The page creator includes the following fields:
1. A plain text title
2. Hero Image URL
3. Plain text body
4. Author Information
5. Page URL
o The front page will pull in the latest pages title/images and each title/image will
link to the page.
o Tables in the database
1. User Table
1. Fields: username, password hash, gender
2. Page Content Type table
1. Fields: Title, Image URL, Body, Optional Author Image, Optional
Author Info, Page URL
3. Main Menu
1. Fields: Link Description, Link URL, Delta (Order)
2. Task Distribution
o Anthony Doolan
1. Database Creation
2. Edit Page
3. Edit Menu Link
4. Recent Pages View on front Page
o Cory Griffiths
1. CSS/HTML Templates
2. Sign Up
3. Log In
o Myles Lopez
 1. Edit Menu
2. 2 Web Api’s
3. Signup Alterations
4. Create Page Alterations
o Luis Navarro
1. Create Page
2. Styles
3. Javascript
3. Project has 13 Fields in database.
4. Project uses external JS and CSS files.
5. Project uses the following field types:
o Text
o Number
o Url
o Textarea
o Hidden
o Radio Select
6. Project uses sessions to keep track of authenticated users.
7. Project allows users to update the page_content and main_menu table. The forms for
these pages have prefilled data.
8. Project allows users to add new rows to the database in the page_content and
main_menu table.
9. Project has over 50 lines of client-side JavaScript.
10. Project uses two web apis.
o Fetch 1: displays photo of the day from Nasa, displayed on home page
o Fetch 2: displays a random quote, displayed on the admin page.
11. Project has over 50 lines of custom css and includes bootstrap.
12. Any issues your team might be experiencing with teammates (not responding, etc.)
o No Issues so far.
13. If possible, list the roles that your teammates will be taken in the project development.
All of you should be involved in coding at least a couple of functions, however, some of
you might take a more active role in other areas such as: database development, quality
assurance, styling and formatting, front-end programming, etc.
o We have not completely divided up the work yet
Screen Shots