Kitchenware Content Management System (No Framework Web Dev) - 10/2021

Without using any web frameworks, develop a XAMPP enabled website with a backend database for an e-commerce business, providing mechanisms for a web administrator to add, edit and remove content from their website.

HTML CSS Javascript PHP MySQL XAMPP Git Github VS Code Trello Microsoft Teams Teamwork Uni project


Screenshots


Overview

Purpose

This project was a group (5 people) assignment for the Web-Based System Development subject. The main objective was to create a content management system for an e-commerce website that would allow authorized users to add, edit, and remove content from the site. Using web frameworks is not allowed.

Functionality

  • User administration: This function allowed an administrator user to manage users, including adding, editing, and deleting users. Users were assigned roles as either administrators or managers.
  • Category administration: This function allowed a manager user to manage categories by adding, editing, and deleting them.
  • Product administration: A manager user could also manage products by adding, editing, and deleting them.
  • Management reporting: Both administrator and manager users could view dashboards and logs associated with their roles. An administrator user could view user logs, while a manager user could view user logs and product logs. These logs allowed users to see a history of changes made to the content management system.

Technical details

Technologies and Tools used

Tech/Tool Usage
HTML Webpage development
CSS Webpage style and layout
Javascript Webpage behavior
PHP Database access
MySQL Database management
XAMPP Web application testing
Github Version control and collaboration
VS Code IDE
Trello Project management
Microsoft Teams Communication and collaboration

Tasks

  • Design database
  • Develop functions:
    • Login/Logout
    • Display Dashboard page
    • Manage User
    • Manage Category
    • Manage Product
    • Display logs
  • Create database
  • Test the whole system
  • Document everything

My contribution

  • Developed the Edit and Delete Product functions for the website using PHP, HTML, and CSS
  • Collaborated with team members to ensure the website was visually appealing and user-friendly
  • Contributed to project ideation by brainstorming ideas for the website’s features and functionality
  • Participated in database design to ensure efficient data storage and retrieval
  • Assisted in testing to ensure the website’s functionality and usability
  • Contributed to report writing to document the project’s progress and outcomes
  • Demonstrated teamwork and communication skills to achieve project goals
  • Applied agile methodologies to manage the project timeline and deliverables effectively.

Source code

Unfortunately, this is a uni project so the source code and the whole report cannot be shared due to academic integrity and intellectual property concerns.