MAGAZINE SYSTEM APPLICATION

TECHNOLOGIES

BACKENDphp logo
DATABASEmysql logo
FRONTENDCSS
STYLINGHTML
Magazine System image

DEVELOPMENT

FRAMEWORK PROPRIETARY
DESIGN PATTERN MVC
TEMPLATE ENGINE NO

This webapp was designed and developed to allow employees to upload magazine articles that the company was featured in to use for marketing purposes. The application consisted of a frontend and backend. The frontend displayed the magazine articles and any additional pages or info relevent to that article. The backend functionality allowed an employee to create a magazine, include information specific to that magazine, and then upload images from the magazine where the article was published. Both the front and backend were then integrated into the company's custom Content Management System.

The backend system was responsible for:

  1. Create a new magazine with relevent information
  2. Edit and delete current magazines
  3. Sorting existing magazines in the system
  4. Ability to activate and deactive magazines in the system
  5. Search for magazines in the system based on various parameters

The frontend system was responsible for:

  1. Displaying active magazines
  2. Magazine navigation

BACK

 MAGAZINE SYSTEM DETAILS

 DISPLAY MAGAZINES

Detail Image of Portfolio item Magazine System - image 1
VIEW IMAGE

FUNCTIONALITY

  •  Frontend
  •  View Active Magazines
  •  Magazine Navigation

 WHAT DARYL DID

 BACKENDALL FUNCTIONALITY
 FRONTENDALL FUNCTIONALITY

 WHAT DARYL DID NOT DO

  BACKEND-
  FRONTEND-

All active magazines were displayed on the frontend for the customer to view.

Back to top of web development portfolio TOP

 MAGAZINE ARTICLE

Detail Image of Portfolio item Magazine System - image 1
VIEW IMAGE

FUNCTIONALITY

  •  Frontend
  •  View Magazine Article

 WHAT DARYL DID

 BACKENDALL FUNCTIONALITY
 FRONTENDALL FUNCTIONALITY

 WHAT DARYL DID NOT DO

  BACKEND-
  FRONTEND-

Customers could view individual articles pertaining to a specific magazine.

Back to top of web development portfolio TOP

 ARTICLE IMAGE

Detail Image of Portfolio item Magazine System - image 1
VIEW IMAGE

FUNCTIONALITY

  •  Frontend
  •  View Article Image

 WHAT DARYL DID

 BACKENDALL FUNCTIONALITY
 FRONTENDALL FUNCTIONALITY

 WHAT DARYL DID NOT DO

  BACKEND-
  FRONTEND-

Some magazine articles had multiple images. The customer could view these images individually if needed.

Back to top of web development portfolio TOP

 CREATE A MAGAZINE

Detail Image of Portfolio item Magazine System - image 1
VIEW IMAGE

FUNCTIONALITY

  •  Backend
  •  Add a magazine to the system
  •  Upload magazine images

 WHAT DARYL DID

 BACKEND70% FUNCTIONALITY
 FRONTEND-

 WHAT DARYL DID NOT DO

  BACKEND30% FUNCTIONALITY
  FRONTEND-

An employee enters a magazine into the system by entering the relevent information uploading a magazine cover image and then proceeds to the corresponding article's page upload section.

Back to top of web development portfolio TOP

 UPLOAD PAGES

Detail Image of Portfolio item Magazine System - image 1
VIEW IMAGE

FUNCTIONALITY

  •  Backend
  •  Upload Article Page Images
  •  Finalize Magazine Entry

 WHAT DARYL DID

 BACKENDALL FUNCTIONALITY
 FRONTEND-

 WHAT DARYL DID NOT DO

  BACKEND-
  FRONTEND-

Employees can add corresponding magazine articles and images for the magazine being created.

Back to top of web development portfolio TOP

 REVIEW MAGAZINE

Detail Image of Portfolio item Magazine System - image 1
VIEW IMAGE

FUNCTIONALITY

  •  Backend
  •  Review Individual Magazine

 WHAT DARYL DID

 BACKEND70% FUNCTIONALITY
 FRONTEND-

 WHAT DARYL DID NOT DO

  BACKEND30% FUNCTIONALITY
  FRONTEND-

After creating a magazine for the system, employees could view the details of the magazine and any corresponding magazine articles.

Back to top of web development portfolio TOP

 EDIT MAGAZINE

Detail Image of Portfolio item Magazine System - image 1
VIEW IMAGE

FUNCTIONALITY

  •  Backend
  •  Edit a magazine in the system

 WHAT DARYL DID

 BACKEND70% FUNCTIONALITY
 FRONTENDALL FUNCTIONALITY

 WHAT DARYL DID NOT DO

  BACKEND30% FUNCTIONALITY
  FRONTEND-

Employees could edit any magazine in the system once created.

Back to top of web development portfolio TOP

 DELETE MAGAZINE

Detail Image of Portfolio item Magazine System - image 1
VIEW IMAGE

FUNCTIONALITY

  •  Backend
  •  Delete a magazine from the system

 WHAT DARYL DID

 BACKEND70% FUNCTIONALITY
 FRONTENDALL FUNCTIONALITY

 WHAT DARYL DID NOT DO

  BACKEND30% FUNCTIONALITY
  FRONTEND-

Employees could delete any magazine from the system once created.

Back to top of web development portfolio TOP

 SEARCH FOR MAGAZINE

Detail Image of Portfolio item Magazine System - image 1
VIEW IMAGE

FUNCTIONALITY

  •  Backend
  •  Search for all magazines
  •  Search for active magazines
  •  Search for Magazine by title

 WHAT DARYL DID

 BACKEND70% FUNCTIONALITY
 FRONTEND-

 WHAT DARYL DID NOT DO

  BACKEND30% FUNCTIONALITY
  FRONTEND-

Employees could search for magazines by all, all active, or by magazine title.

Back to top of web development portfolio TOP

 LIST MAGAZINES

Detail Image of Portfolio item Magazine System - image 1
VIEW IMAGE

FUNCTIONALITY

  •  Backend
  •  View all active magazines
  •  View all inactive magazines

 WHAT DARYL DID

 BACKEND70% FUNCTIONALITY
 FRONTEND-

 WHAT DARYL DID NOT DO

  BACKEND30% FUNCTIONALITY
  FRONTEND-

Employees can view all magazines currently in the system. Both active and inactive magazines.

Back to top of web development portfolio TOP