PROG8020
Project (15%)
Important Notes:
• This is an individual assignment.
• I will be checking for borrowed or copied assignments. All work is to be done from scratch,
you may not use any templates or other assistances.
• This assessment is out of 60 marks total.
Tasks:
• Create a website or blog with a custom Content Management System (CMS). The
website/blog and CMS should be built from scratch using HTML, CSS, JS, [Link]
and MongoDB. Use of third-party libraries other than for a WYSIWYG or the ones
used in the class is not allowed unless approved by the professor after discussion.
Please email for approval.
• The website or blog should have a header, navigation, main content and footer.
• There should be at least one page/post template (design of your choice). This
template will be used to build all the pages or posts. The template should have
the following as a minimum requirement:
1. Header section: A logo and a site title (common logo and site title
across the whole website/blog).
2. Navigation: A common top navigation menu with links to all
pages/posts added using the admin panel.
3. Main Content: Page/post title, minimum one image, text section
where the user can add in as much text as they need using a
WYSIWYG editor.
4. Footer: Common footer with copyright information.
1
PROG8020
• You can add more page/post templates if you want or add more design elements
after discussion with the professor.
• Create an admin panel where the admin can login and add new pages/posts. To
add a new page/post, admin needs to be able to add page/post title, slug of the
page, upload at least one image and add content using a WYSIWYG editor.
• The new pages/posts added in the admin, should automatically get added to the
navigation menu. Alternatively, you can build a separate section in the admin that
allows the user to edit the menu.
• The admin should be able to login to the admin panel, view a list of existing
pages/posts, edit existing pages/posts and add new pages/posts.
• Create a video demo explaining your code and showing the final execution of the
project. Make sure to showcase all the use cases like login, create a
new page, edit page, delete page, etc. For the video demo, you are not
required to use your camera, but you can if you want. You are only required to
record your screen and your voice explaining the solution. Please submit .mp4
files only. You can use Zoom/PowerPoint for doing that but you can use
any other software for recording the video too.
Submissions:
To submit this assignment:
1. Place all of your code into a single folder. Zip this folder and submit the zipped file to
eConestoga. No cover sheet is required for this assignment. A good way to make sure everything
is correct; is to unzip the file you are submitting on a different location on your computer and
making sure everything works.
2. Upload the video explanation separately from your code zip file. Please do not zip
your video with the code. You may have to make a second submission for that as the dropbox
only allows you to submit one file at a time. Submit .mp4 files only for the video.
Note: You can submit multiple times if you want. Please mention in comments which submission
to evaluate. Also note that if you resubmit after the due date, late penalties apply as per your
Program Handbook.
2
PROG8020
Rubrics:
Item Marks
Front End
Navigation - auto generated from new pages/posts 6
Main Content of pages/posts - fetched from DB 6
Header (static) 3
Footer (static) 3
Functionality
Admin Login 3
Add new pages/posts 9
List existing pages/posts 3
Edit pages/posts 9
Delete pages/posts 3
Overall Completeness/Standards 5
Video Demo 10
Total 60
