Shriya Nandwani, Fall 2018 VCG Dev.
Website can be found at shriyanan.github.io; Check it out :)
My plan is to create a well-designed portfolio website, where all of my projects, my resume, and essentially my professional interests are visible. I've decided to create a website like this as my capstone project because it not ony teaches me some web development, but it also helps me create a something that can be potentially beneficial to me professionally.
# | Description | Hours Estimated | Completion Date | Miscellaneous |
---|---|---|---|---|
1 | Create personal logo | 1 Hours | 10/27/2018 | |
2 | Make homepage | 5 Hours | 11/2/2018 | Navigation bar, some aesthetic js feature--will take time to learn how to integrate css /js |
3 | About me page | 2 Hours | 11/6/2018 | Interactive js, personal info (contact info, etc.), resume |
4 | Project page | 3 Hours | 11/10/2018 | Have icons for projects worked on |
6 | Purchase web url! | 1 Hours | 11/15/2018 | STILL NEEDS TO BE DONE |
- HTML
- CSS
- JavaScript
- Adobe Illustrator
TODO: Complete this while you're working on your project. Preferably, you're describing what steps you took for different parts of the project.
-
Make homepage: this step was different than I envisioned it to be. At first, I imagined having a website with a navigation bar that linked to several different html files, but after browsing around other portfolio websites, I found myself liking the single page feel. This step ended up with me having one cohesive page with several sections
-
Creating the 1 page layout. I couldn't figure out how to a webpage that was not bound to a specific length when scrolling, so I ended up grabbing an HTML template from online, just so I could incorporate this on my website.
-
I wanted to add some cool, special effects, so I browsed around on codepen and found some things I liked! It was interesting to integrate this because I had to create a separate class in my html file for them, and change a lot of the css so that it pointed to the right section I was editing.
-
Finally, when I was done with the design of the website, I updated all my content and information to the website!
https://codepen.io/xjdesigns/pen/qZWjNw https://codepen.io/ConnorGaunt/pen/OReXZB
- Add a navigation bar!
- More fun js affects (look in to particles.js library)