For the round two of the Web Development Course, I will be composing the start of the landing page for a personal portfolio website that I will add to as time moves on and add more elements.
I wanted to make a page whereupon landing you are greeted by a hero image with a call to action and a button that will pull up a contact form popup, after project is graded I will add a backend golang functionality to it.
I will add a responsive nav bar at some point as it is not a requirement in this project but I want the nav bar to only be visible upon passing the hero image.
For now in this project, It will show the different programming languages I know and a progress bar gauging my comfort ability in taking on a project in it. As I dont really see anyone ever really 100% knowing a language since things are ever-changing.
Next will be some portfolio images of projects I have done before for my associates degree. As I pursue my bachelors I will add more impressive portfolio options and make them have a GitHub button underneath showing my source code.
After my portfolio images, I will have an API call that will pull my Wordpress blog posts and update it as I post.
Finally, a footer, with my social media links as buttons.
we need to ensure that you can integrate your new JavaScript skills with your HTML/CSS skills you previously learned.
We will test your site on at least two different screen sizes (mobile and desktop) and must see that you’ve incorporated some element of responsive design to it.
Project is uploaded to your GitHub repository and shows at minimum 5 separate commits.
Using GitHub’s file uploader does not count as a check-in.
You must upload via Git command line.
Choose at least 3 items on the FEATURES LIST below and implement them in your project
You need to pick two (2) from the first set of features.
You need to pick one (1) from the second set of features.
You must integrate a third-party (external) API into your project.
We recommend you pick a 4th item (or more!) to add, just in case something goes wrong with one of your other items - 3 is only the minimum requirement.
| Feature | Implementation |
|---|---|
| Use arrays, objects, sets, or maps to store and retrieve information in your app | Made arrays to reference images as objects |
| Visualize data in a user-friendly way (e.g., graph, chart, etc.) | Progress bars visualizing comfortability levels with a programming language |
| Retrieve data from a third-party API and use it to display something within your app | WordPress API Call |
| Develop your project using a common JavaScript framework such as React, Angular, or Vue | Developed using React |
