Project Name:
Delilah's Portfolio
Software & Technologies Used:
-APIs
-Adobe After Effects
-Adobe Illustrator
-Adobe Photoshop
-Adobe XD
-CSS/SASS
-HTML
-JSON
-JavaScript
-JavaScript Libraries
-Lumen/Laravel
-Microsoft Word
-Procedural PHP
-Responsive Design
-VS Code
-phpMyAdmin
Client:
Self
Link:
Delilah's PortfolioDescription:
The portfolio that you're viewing right now, for the one and only, Delilah Singer!
Surprise! Who said this portfolio site couldn’t be its own featured project? After all, it was built with my own two hands, so why not give it a little spotlight?
Starting in Term 3, we were tasked to build out our own portfolios to feature projects, for potential employers and clients to look over. We weren’t given much direction aside from having an area to display projects, have a biography, a demo reel, and a contact form.
There were quite a lot of challenges for me, with this portfolio, one of the primary ones being design. Unfortunately, the students were advised with a little bit of misguided information where we were told “Your portfolio should focus on 75% functionality and 25% design if you’re a coder.” I took that advice to heart and focused a lot on functionality, but after talking with one of my professors casually, I found out that the students should’ve been advised a bit differently and that it’s a little more than 25% design.
Another challenge was making myself unique. The program had around 60 students and we weren’t going to be the only graduates. There’s other schools with graduates that would be seeking for work, so I had to stop and think “How can I make myself unique and stand out?”. Then, like in the cartoons, an idea came to me. A demos section! Our coding professors was showing us some cool things, like a dynamic slider, scrolling animations, api calls, etc. So I thought having some interactive demos would be a great idea to include. It would help me practice with the code and put the skills I was learning to practical use!
One of the largest challenges with this portfolio, however, was dealing with the back-end. I understand the fundamentals of back-end, especially with what was taught, but for some reason, it decided to be fussy with me. I ran into a few issues that I couldn’t solve myself, so I booked an appointment with my professor to diagnose them and help me out. As it turns out, one of the issues we ran into, he had never seen in his 25 years of teaching and dealing with back-end. My face almost went as pale as a ghost! But together, he and I worked through the code, snippet by snippet, and eventually got my portfolio into a state that you’re seeing right now!
Thumbnail
The initial homepage, where an animation plays when you first boot it up during a session. Thanks to sessionstorage, it only plays once per session. When the animation plays, it sets an item called "played" and on subsequent visits to the home page, it checks for that item. If there's no "played", then it'll play the animation~
One of my favourite areas is the demo area, where I create small little projects to showcase some of the stuff I can code and do! Plus I wanted to give respect to my college education and have some of the things we were taught be put to practical use.
The contact form, which was a doozy to set up. But with perseverance and understanding the relationship between PHP and Javascript, it's now up and running! Feel free to toss me a message~
Thumbnail
Thumbnail
Thumbnail