Added high level plan and some starter files (forms from HW3)

2024-11-24 22:37:34 -08:00
parent c3e0a28fce
commit 552f56cdb0
4 changed files with 416 additions and 5 deletions
@@ -1,11 +1,16 @@
-## Jesse M. Ellis - Development notebook for my personal website.
+# Jesse M. Ellis - Development notebook for my personal website.

- Notebook entries are organized with the most recent at top.
- Revision 1 will be developed from 11/24/2024 to 12/11/2024.
+Note: *Revision 1 will be developed from 11/24/2024 to 12/11/2024.*

 ---

-### 11/24/2024 - First things first
+### Table of Contents
+
+ - [11/24/2024 - First things first](#11/24/2024---First-things-first)
+
+---
+
+## 11/24/2024 - First things first

 The point of this website is to build a personal website that highlight's personal projects using concepts we've learned in Caterina Paun's Intro to WebDev at PSU. I am going to attempt to create something that is more oriented toward my personal game development endeavours by theme-ing the website with elements from LunaLight. I will highlight some of the milestones in that project as well as other projects I have done.

@@ -16,7 +21,36 @@ To check the boxes around concepts learned in WebDev this site should be built u
 - HTML
 - CSS
 - JavaScript
+- GitHub pages for deployment 

-Intitial deployment of the site will use GitHub pages. 
+### High Level Implementation Plan
+
+**Concept**: *This will be a single-page scrolling website with a fixed navigation bar that alows the user to jump to sections.*
+
+1) Sketch a layout design for the following required sections:
+    
+    - Navbar: Fixed at the top.
+    - About: Brief introduction and a professional photo.
+    - Previous Work: Resume highlights or course/skills section.
+    - Projects: Showcase 2-3 projects with links to GitHub/deployed sites.
+    - Contact: Form for user inquiries.
+2) Build basic HTML structure to represent each section.
+3) Style the website with CSS.
+4) Implement website interactivity with Javascript.
+    
+    - Scrolling
+    - Form validation
+    - Email contact
+    - Embedded YouTube Video
+5) Test, Refine and Repeat (steps 3-5)
+6) Deployment with GitHub pages *(we'll worry about this when we get there)*
+
+### A starting point
+
+Just to get things going I'm going to bring some initial files that create a form with user input functionality. 
+
+`form.html`, `form.js` and `styles.css`
+
+These files create a simple form that gets user input and prints it to the console. We will build the entire website from here ;)

 ---