E-Portfolio Website Template for IEEE Members

Developed by the Pro Development Committee for non-commercial usage!

Hello! This is an E-Portfolio Website Template designed specifically for IEEE members at the University of Central Florida! This template provides a user-friendly starting point for creating your own personalized e-portfolio.

No coding experience needed! Without even coding a single line, you can modify this template and host your own portfolio website!!!

Features

• Customizable Design: Easily modify the design elements to reflect your personal style.
• User-Friendly Structure: The template is organized to make it easy for you to add your own content.
• Easy-to-Understand Instructions: Inside each file are commented-out instructions for you to follow.

Getting Started

To get started with your e-portfolio, follow these simple steps:

1. Clone the GitHub Repository: To get your own copy of this template, you can clone it! On the top right corner, click the blue "Use this template" button. Then, click "Create a new repository." Name the repository whatever name you want. Ensure that if you're using a free GitHub account that your repository is public, not private.

2. Make Modifications to the Template: This template is designed to be user-modifiable and customizable. You can modify the contents of the following files directly on GitHub:

   • index.html (Inside of the pages folder)
   • navbar.html (Inside of the pages folder)
   • project.html (Inside of the pages folder)
   • experience.html (Inside of the pages folder)
   • styles.css
   • main.js

   Read the commented-out instructions located in each file carefully. Edit the sections labeled MODIFICATION SECTION in those files listed above to customize your e-portfolio. To edit the files, follow these instructions:

   1. Navigate to your Repository: Go to the GitHub page for your e-portfolio repository.
   2. Open a File: Click on the file you wish to edit (i.e. index.html, styles.css, etc).
   3. Edit the File: Click the pencil icon (✏️) in the upper right corner to edit the file.
   4. Make Your Changes: You can make your changes directly in the GitHub editor.
   5. Commit Changes: Scroll down to the "Commit changes" section, enter a brief description of your changes, and click the "Commit changes" button to save your edits.

3. Hosting Your E-Portfolio via GitHub Pages: Once your e-portfolio is ready, you can host it online using GitHub Pages. Here’s how:

   1. Go to Repository Settings: Navigate to your repository on GitHub and click on the "Settings" tab (this should be located on the top of your screen to the right of "Insights").
   2. Scroll to the GitHub Pages Section: Scroll down to the "Pages" section (this should be located in the column to the left).
   3. Select the Source Branch: Under "Source," select the branch you want to use for GitHub Pages (usually main) and choose the / (root) folder.
   4. Save Changes: Click "Save" to apply your settings.
   5. Access Your Site: After a few minutes, your site should be available at https://<username>.github.io/<repository-name>/pages/index.html. Replace <username> with your GitHub username and <repository-name> with your repository name.

Instructions for Uploading Fonts and Images

Uploading Fonts: You can upload any custom fonts to the fonts folder. Ensure that the font files are in .ttf format.

Uploading Images: Place your images in the images folder. This includes profile pictures, project images, or any other visuals you wish to display.

Domain Hosting Other Than Github

If you don't want to host your lovely e-portfolio website on GitHub, no worries! Here are some free hosting options other than GitHub you can consider:

• Netlify: Another excellent option for hosting static sites, offering easy integration with GitHub. Netlify provides features like continuous deployment, custom domains, and free SSL certificates.

• Vercel: A platform that allows you to host static sites and serverless functions effortlessly. Vercel also integrates with GitHub for continuous deployment and provides a straightforward setup.

• Firebase Hosting: Offers a reliable hosting solution with a free tier that is suitable for hosting web apps. Firebase Hosting is easy to set up and comes with features like global CDN and SSL.

Notes for Developers

If you intend to use this template as a reference to create your own e-portfolio website, it is highly recommended to use React.js for building more dynamic and responsive applications. This template was not written in React.js for simplicity and user-friendliness, making it accessible to users with varying levels of coding experience.

Support

If you have any questions or need further assistance, feel free to reach out to:

Kai Sprunger

• Email: kaisprunger@gmail.com
• LinkedIn: https://www.linkedin.com/in/kaisprunger/

Happy editing and best of luck with your e-portfolio!