Learning Portfolio

Portfolio - Living Innovation

Comment

Important Note

I didn't use any sponsored API’s/services.

Inspiration

I got inspired to make this portfolio because I learned so many programming languages and I wanted to create a complex application (the portfolio) that demonstrated my knowledge in the languages that I learned which include:

  1. HTML5
  2. CSS
  3. JavaScript
  4. C++

My project isn't complicated, but I have always been interested in web development, and I strive to create a big website that can gain many viewers, such as Facebook. So for me, my portfolio is a good learning experience so that I can learn how to create better websites to appeal to more people.

What it does

The website (portfolio) displays the projects that I completed in:

  • Khan Academy
  • Free Code Camp
  • Live Coding from Daniel Shiffman
  • An extra project that I did in my school

How we built it

I built the website on GitHub using HTML5, CSS, JavaScript.

Challenges we ran into

I had issues in following coding conventions because my project contains almost 1000 lines of code. For example, it was very time-consuming to ident every line of code and to add several comments so that anybody (regardless of knowledge in programming) can understand my code.

I also had difficulty in adding the animation to the slideshow on the "Extra Challenge" and for the picture on the "Home" page. However, I was still determined to add the animation because I knew that animating parts of my website will be able to impress users.

Accomplishments that we're proud of

I'm very proud that I was able to create a complex website because websites are one of the most common applications of coding languages. Specifically, I am very happy that I was able to properly add a top bar on the website to help users navigate to different pages of the website. Also, I like how I tried to make the website look as nice as possible (using CSS) since websites gain more attention when they are easily readable and fun to look at. Finally, I am very happy that I added features such as the mini slideshow ("on the "Extra Challenge" page) to display information to the users in a fun and effective way.

What we learned

My experience in developing the portfolio helped me remember the significance of using multiple coding languages to accomplish a goal. For example, on the "Extra Challenge" webpage, I used 3 coding languages:

  1. HTML5: to establish the layout of the webpage and to output the texts
  2. CSS: to style the website
  3. JavaScript: to change the picture and captions of the mini slideshow

What's next for Learning Portfolio

I plan to learn how I can develop complex applications by using more demanding programming languages such as Python and Java.

Built With

Share this project:

Updates