{"id":44,"date":"2024-12-29T20:28:35","date_gmt":"2024-12-29T08:28:35","guid":{"rendered":"https:\/\/andrewdevelops.com\/?p=44"},"modified":"2025-01-09T10:54:13","modified_gmt":"2025-01-08T22:54:13","slug":"skillforge","status":"publish","type":"post","link":"https:\/\/andrewdevelops.com\/index.php\/2024\/12\/29\/skillforge\/","title":{"rendered":"Skillforge"},"content":{"rendered":"\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/github.com\/andosgee\/Skillforge\">View Source Code<\/a><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\">View Demo<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">About<\/h2>\n\n\n\n<p>Skillforge was a project of mine that is High Fidelity prototype. It is made to have some of the functionality added, mostly the admin portal, to add a company to it with a user account. Please note, this is all concept work and not a fully functional model or company.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Home-1.png\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"489\" data-id=\"46\" src=\"https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Home-1-1024x489.png\" alt=\"\" class=\"wp-image-46\" srcset=\"https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Home-1-1024x489.png 1024w, https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Home-1-300x143.png 300w, https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Home-1-768x367.png 768w, https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Home-1-1536x734.png 1536w, https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Home-1.png 1902w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Home-2.png\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"463\" data-id=\"45\" src=\"https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Home-2-1024x463.png\" alt=\"\" class=\"wp-image-45\" srcset=\"https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Home-2-1024x463.png 1024w, https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Home-2-300x136.png 300w, https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Home-2-768x347.png 768w, https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Home-2-1536x695.png 1536w, https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Home-2.png 1902w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Home-3.png\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"492\" data-id=\"47\" src=\"https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Home-3-1024x492.png\" alt=\"\" class=\"wp-image-47\" srcset=\"https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Home-3-1024x492.png 1024w, https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Home-3-300x144.png 300w, https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Home-3-768x369.png 768w, https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Home-3-1536x738.png 1536w, https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Home-3.png 1899w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/figure>\n\n\n\n<p>Skillforge was designed as a tool for businesses to have digital copies of their SOPs online for staff member to digitally sign off on and for training modules as well. These SOPs and modules allowed for different types of media to be added (PDFs, videos, pictures, and audio snippets). The idea is that the companies admin user then can create quizzes and checkpoints for the employee to complete to show that they have learnt what is required of the module.<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Admin-1.png\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"493\" data-id=\"50\" src=\"https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Admin-1-1024x493.png\" alt=\"\" class=\"wp-image-50\" srcset=\"https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Admin-1-1024x493.png 1024w, https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Admin-1-300x145.png 300w, https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Admin-1-768x370.png 768w, https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Admin-1-1536x740.png 1536w, https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Admin-1.png 1895w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Admin-2.png\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"487\" data-id=\"49\" src=\"https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Admin-2-1024x487.png\" alt=\"\" class=\"wp-image-49\" srcset=\"https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Admin-2-1024x487.png 1024w, https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Admin-2-300x143.png 300w, https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Admin-2-768x366.png 768w, https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Admin-2-1536x731.png 1536w, https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Admin-2.png 1901w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Admin-3.png\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"491\" data-id=\"52\" src=\"https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Admin-3-1024x491.png\" alt=\"\" class=\"wp-image-52\" srcset=\"https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Admin-3-1024x491.png 1024w, https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Admin-3-300x144.png 300w, https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Admin-3-768x368.png 768w, https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Admin-3-1536x736.png 1536w, https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Admin-3.png 1903w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Admin-4.png\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"493\" data-id=\"48\" src=\"https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Admin-4-1024x493.png\" alt=\"\" class=\"wp-image-48\" srcset=\"https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Admin-4-1024x493.png 1024w, https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Admin-4-300x144.png 300w, https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Admin-4-768x370.png 768w, https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Admin-4-1536x739.png 1536w, https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Admin-4.png 1897w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Admin-5.png\" target=\"_blank\" rel=\"noreferrer noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"489\" data-id=\"51\" src=\"https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Admin-5-1024x489.png\" alt=\"\" class=\"wp-image-51\" srcset=\"https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Admin-5-1024x489.png 1024w, https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Admin-5-300x143.png 300w, https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Admin-5-768x366.png 768w, https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Admin-5-1536x733.png 1536w, https:\/\/andrewdevelops.com\/wp-content\/uploads\/2024\/07\/Admin-5.png 1903w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/figure>\n\n\n\n<h2 class=\"wp-block-heading has-large-font-size\">Languages<\/h2>\n\n\n\n<p>This project was a full stack development, utilising XAMPP to host it locally while I developed it. I used PHP for server side, MySQL for database manipulation, HTML as my templates for the pages, JavaScript for some of the features (form population, marquee, carousels), and then styled with SASS for its better features (Parent Element Styling, CSS functions, and Variables).<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Skillforge was a project of mine that is High Fidelity prototype. It is made to have some of the functionality added, mostly the admin portal.<\/p>\n","protected":false},"author":1,"featured_media":50,"comment_status":"closed","ping_status":"open","sticky":false,"template":"single-with-sidebar","format":"standard","meta":{"footnotes":""},"categories":[17,18,20,16,19,15],"tags":[21,25,23,22,24],"class_list":["post-44","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-full-stack","category-hifi","category-javascript","category-php","category-scss","category-web-app","tag-full-stack","tag-hifi","tag-html","tag-php","tag-scss"],"_links":{"self":[{"href":"https:\/\/andrewdevelops.com\/index.php\/wp-json\/wp\/v2\/posts\/44","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/andrewdevelops.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/andrewdevelops.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/andrewdevelops.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/andrewdevelops.com\/index.php\/wp-json\/wp\/v2\/comments?post=44"}],"version-history":[{"count":8,"href":"https:\/\/andrewdevelops.com\/index.php\/wp-json\/wp\/v2\/posts\/44\/revisions"}],"predecessor-version":[{"id":212,"href":"https:\/\/andrewdevelops.com\/index.php\/wp-json\/wp\/v2\/posts\/44\/revisions\/212"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/andrewdevelops.com\/index.php\/wp-json\/wp\/v2\/media\/50"}],"wp:attachment":[{"href":"https:\/\/andrewdevelops.com\/index.php\/wp-json\/wp\/v2\/media?parent=44"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/andrewdevelops.com\/index.php\/wp-json\/wp\/v2\/categories?post=44"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/andrewdevelops.com\/index.php\/wp-json\/wp\/v2\/tags?post=44"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}