mattszabo / angular-website

My resume

angular website

My first look into web development. I jumped straight in using yeoman and began messing around with js, angular, and bootstrap. The todo list is saved to local storage for the browser, which persists between sessions.

Install

git clone https://github.com/wekilledit/angular-website.git .
cd angular-website
npm install
bower install

Build & development

Run grunt build for prod build and grunt serve for dev.

angular-website's Issues

Make todo sortable functionality obvious to the user

At the top of the todo list add some text indicating that you can swap the todo items around in order by dragging the todo number.

Is there a better way to do this? Is there something I could do to the todo number input-group-addon to make it more obvious that todo's can be rearranged?

mytodo - after saving an edit, navigating away from tab and back resets value

it looks like the value isn't being saved to storage and when we go back to the todo tab then we load from storage.

looks like the edit function needs to be modified to achieve this.

push local changes to github

The changes made to get mytodo put into its own tab have not been pushed up to github.
Lets do this now.

Move mytodo into it's own tab

configure css for mytodo to make it your own

fix documentation

readme dependencies should just read:
npm install
bower install

when button is clicked don't highlight it

there is no need to do this. each button's status should be clear without being selected.

Update readme - remove yo generated text

Save edited todo

Save todo text after making a change and clicking edit toggle button to lock the text.

Get resume loading on the web

Look for a place to host. Maybe heroku?

The goal here is that anyone can see my resume on any device that has internet access.

make todo list draggable on a phone

bower install ngDraggable

js - angular.module('app', ['ngDraggable']);
html - add directive for draggable div

Fix nav bar

The nav bar sucks/doesn't work. Let's make it work and look good!

refactor mytodo js file

Now that I've learned a bit more about js I can make this file follow better convention and apply some of what I've learned.

mytodo - add a todo edit section

Remove the button for editing.

Create section in left column under add section that will be our edit area.

When adding a todo, it goes there by default. The user will then drag it into the position they want.

For an existing todo in the right column, users can drag it to the edit section on the left.

• This will either let remove the todo from the list (easier) or gray out the todo on the right and create a mechanism for it to be added back, maybe dragging back into the list either in the same spot or a new one.. i dunno yet (sounds way harder).

fix mytodo tests

now that the js file has been updated to use an object the tests fail.

i should also update from an object to a function so i can have the todoList as a private variable.

Add icon to edit button

Each todo has an edit button. Lets put an icon on there instead of the letter 'E'.

Plan out this website

What links to I want in the top menu?

• Home page
• Cover letter
• Resume
• About
• Projects
• * [List of Projects]

For new users with empty todo list, two blank 'todos' are created that cannot be edited or removed

Further to this, the add functionality is broken.

Perhaps this can be fixed as part of #20