done only by Gabriella Wekesa from group 452 the task is to : Recreate the above portfolio website as is using HTML and CSS. Feel free to use bootstrap library Step 1: i made this git repo now am gonna clone into my folder Step 2: am done cloning now this step 2 am typing on my branch that i have opened on VS code Step 3: i initialized bootstrap into my project folder I create the public folder, and in it create a css and js folder I created an index.html in the main folder I created a app.js file in the main folder, the others appear automatically as I installed Step 4: i wrote some code in app.js to Set Up Express to Serve Files step 5: I added bootstrap into my index.html file using this markup
this just before
<script src="/bootstrap/js/bootstrap.bundle.min.js"></script>and this in the <title>
step 5: got some issues trying to run node.js step 6: fixed the issues now my folder looks like this WebDevelopmentGroupWork/ │ ├── app.js ├── package.json ├── node_modules/ │ ├── public/ │ ├── bootstrap/ │ ├── css/ │ │ └── style.css │ └── js/ (optional for your own JS) │ └── views/ └── index.html /////above work don on 25th April 2025, more tomorrow night after church, putting index.html in views folder caused an error so i deleted it on this day, i used prompt engineering and my thinking to continue with the webpage An important point, • app.js is ONLY for server code. • Typing animation must be inside a browser JS file (public/script.js) so i did that • i then linked my script to my HTML.