💻 Github Repository: https://github.com/jwilferd10/PortfolioForge
💻 Live Standard Template Example: https://jwilferd10.github.io/PortfolioForge/
💻 Live Customized Example: https://jwilferd10.github.io/Jonathan-Wilferd-PortfolioForge/
Coming Soon!
In our ever-evolving world, the internet has become an integral part of our lives, profoundly impacting various aspects of our culture and society. Establishing a professional online presence is now more critical than ever, and PortfolioForge is here to assist in that endeavor. PortfolioForge is a versatile and user-friendly portfolio generator tailored to empower developers and professionals. It enables you to effortlessly showcase your skills, talents, and achievements, allowing you to make a meaningful digital impression.
- Powered by Inquirer, users are guided through the portfolio creation process with multiple questions.
- Tailor your portfolio to highlight your projects and showcase your unique strengths and experiences.
- Further customize your portfolio by selecting a color theme
- Generate a ready-to-use web profile.
- Provides a solid foundation for future development and customization.
- Includes a well-structured style.css for easy customization.
- Access to FontAwesome for diverse and accessible image options.
PortfolioForge was designed so that anyone can easily create a web profile. That's why this repository is open to the public, fostering exploration and creativity. Feel free to dive into the codebase, generate profiles, fork the project, and tailor it to your requirements. We're completely open-source.
- I've updated Inquirer to use
version 9.2.8, enhancing the user experience and ensuring compatibility with the latest features and improvements. - New
Color Themeshave been added to the project, allowing for a more customizeable experience
PortfolioForge was a fun, exciting, and educational project to work on. This was the project where I first learned and utilized concepts such as Node.js, NPM, and subsequently Inquirer. This project has allowed me to gain hands-on experience with modern development tools and practices, making it a valuable learning journey. The process of updating and maintaining this project reinforced my knowledge in software development, project management, and version control, providing what I believe is a solid foundation for future endeavors.
As of right now the project is only accessible if you download the repository. In the future, I'd like to create a more accessible version of PortfolioForge that can be used online. Allowing more people to try out and create their own portfolios.
So much for your interest in PortfolioForge. My intention is that it proves helpful to you and sparks the idea that you can create a unique online portfolio, whether or not you choose to use PortfolioForge. Thanks again and happy coding!
AS A DEVELOPER I WANT an application that generates a baseline portfolio page SO THAT I have a file I can modify
GIVEN a need for a Portfolio Generator
- WHEN I launch the application
- THEN I am introduced to the creation process
- WHEN I select my desired content
- THEN I am prompted to enter necessary details
- WHEN I have finished my prompts
- THEN the portfolio is created
- Node.js
- NPM (Node Package Manager)
- Inquirer.js (v.^9.2.8)
- FontAwesome (v.5.11.2)
- HTML
- CSS
PortfolioForge allows you to generate a professional portfolio page for showcasing your personal projects, skills, and achievements. It's a command-line tool that collects your information through prompts and then generates an HTML portfolio page based on your input.
Before you begin, ensure that you have met the following requirements:
- A Source-Code Editor
- VSCode, etc
- Node.js
- PortfolioForge uses Node.js, make sure it's installed on your system. If not, you can download and install it from https://nodejs.org/en.
- Clone this repository to your local machine using the following command:
-
HTML:
git clone https://github.com/jwilferd10/PortfolioForge.git -
SSH:
git clone git@github.com:jwilferd10/PortfolioForge.git
-
Navigate to the project's root directory
-
Install the project dependencies:
npm install
To generate your portfolio, follow these steps:
- Open your terminal & Ensure you're on the project directory.
- Run the following command to start the application:
node app.js
- You will then be prompted to enter various details, such as your name, GitHub username, skills, project information, and more. Answer each prompt accordingly.
- Once you've completed all the prompts, the application will generate an HTML portfolio based on your input
- The page will be located within the
distfolder asindex.html. You can open that html file to view your portfolio
With PortfolioForge, your choices heavily influence how base template will turn out.
Additionally you can customize the appearance and styling of your portfolio page by editing the style.css file within the dist folder. Feel free to modify the CSS to match your personal preference.
If you encounter any issues, please open an issue on this repository
This project is licensed under the MIT License.
- jwilferd10 (UX/UI Adjustments, Updated Inquirer, Select Color Theme, New Portfolio Sections)
- UCLA Coding Bootcamp (Base Setup)