The goal of this project is to create a personal portfolio website that will be used to showcase your work and skills to potential employers. This website will be a living document that you can update throughout the program and beyond.
-
Before you start building your portfolio, create a wireframe of your website. Afterwards, create a mockup in Figma based on your wireframe.
-
Your website can have the following sections/pages:
- Home
- About
- Projects
- Skills (Soft and Hard Skills)
- Work Experiences
- Contact
-
You can choose to have a separate page for each section or you can have a single page with multiple sections.
-
You can use JavaScript if you want to. You are free to use different libraries or frameworks.
- Clone this repository to your local machine.
- Create a new branch with a descriptive name of your first implementation. You can also create different branches per page.
- Commit often and write descriptive commit messages.
- Once you are done with your first implementation, push your branch to GitHub and create a pull request.
- Once your pull request is approved, merge your branch into the main branch.
- Create a new branch for your second implementation or page and repeat the process.
- Do not work on the MAIN branch!
- Add a short bio about yourself.
- Add some images to your website. It can be a picture of yourself or any other image that you like. Screenshots of your projects are also a good idea.
- If you don't have a project yet, you can include this portfolio as your first one.
- Visual Studio Code
- Whimsical (for wireframe)
- Figma (for mockup design)
- Portfolio References: Developer Portfolios
- Free Images: Unsplash
- Icons: Font Awesome
- Colors: Coolors
- Fonts: Google Fonts
- Make sure to push your latest code to GitHub. For the presentation day, each student is given 5-10 minutes to present their project.