Skip to content

Latest commit

 

History

History
80 lines (53 loc) · 2.43 KB

projectBrainstorm.md

File metadata and controls

80 lines (53 loc) · 2.43 KB

Project Planner for Personal Website :)

Things to keep in mind:

We need to store and use user data in localStorage.

Possible projects I can build:

World of Warcraft website

Phase 1 - Dream Phase (WoW)

   I can make a website that has information on every class. I 
   can also put links to other websites that have info about the game.
   The website will need a header with the title of the website and
   maybe a small description or funny sentence. 
   Put in some navigation bars with drop down menus. Also add
   some cool CSS effects like hover, and change background color.
   I can also put in some on click effects with jQuery to make 
   certain elements do cool stuff like move around. I could also
   put in a footer at the bottom which might have an about page 
   or some other links. I can also add images to the page where necessary.

Problem I want to solve

 	Make a website that has every class and spec and a little info on each one.
 	I also don't want it to be super complex or confusing, but rather simple 
 	and easy to follow along and use. I can also store user data either on the
 	front page or every page such as their realm and character name or asking
 	some question.

Phase 2 - The Drawing Board (WoW)

MVP Tasks

1. Create a header with title
	* Make a header tag
	* Make a div and put name of website in it
	* Try to center it at the top

2. Have a paragraph or two talking about the website 
and what it does below the header
	* Make a div tag
	* Add a paragraph tag inside
	* Write about what your website does

3. Make a section for each class (maybe use CSS Grid)
	* Make a parent div
	* Make another div, put name of class in it, and put in the parent div
	* Make another div, put list of strengths and weaknesses of each class, and put in parent div

4. Make a footer
	* Make a footer tag
	* Make a div and put copyright symbol with name of website in it


5. Make questionnaire web form
	* Make a form tag or box
	* Put 'Key' text field with label
	* Put 'Value' text field with label

6. Make CRUD buttons 
	* Make a div element
	* Put 5 buttons in the div (Create, Update, Delete, Reset Input, Clear Database)

7. Display localStorage
	* Make a table element
	* Make a table head element (<thead>)	
	* Add a "Key" and "Value" cell in the same row
	* Add a table body element below thead (<tbody>)
	* Close that table tag