https://github.com/tamimehsan/simple-portfolio-generator

Create a simple portfolio by editing json file
https://github.com/tamimehsan/simple-portfolio-generator

Last synced: about 15 hours ago
JSON representation

Create a simple portfolio by editing json file

• Host: GitHub
• URL: https://github.com/tamimehsan/simple-portfolio-generator
• Owner: TamimEhsan
• Created: 2024-07-05T18:27:09.000Z (7 months ago)
• Default Branch: master
• Last Pushed: 2024-08-03T17:33:52.000Z (6 months ago)
• Last Synced: 2024-08-03T18:48:49.026Z (6 months ago)
• Language: HTML
• Homepage: https://tamimehsan.github.io/
• Size: 550 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Portfolio Generator

The original UI, CSS and design is done by [Sadee](https://github.com/codewithsadee) and taken from [here](https://github.com/codewithsadee/vcard-personal-portfolio). The template was updated and was given a simpler look suitable for CS graduates by [Apurba Saha](https://github.com/diponsaha007). It was further furnished by myself to add some extra things. My version can be found [here](https://tamimehsan.github.io/)

## Templating

The original project is based on pure html and css. While it is easier to understand but very hard to navigate and update. Thus an [ejs](https://ejs.co/) based templating feature is created by me.

## How to use

At first clone the repository to your local by

```

git clone https://github.com/tamimehsan/portfolio-generator.git

```

Move into the folder and download the ejs dependency

```

cd portfolio-generator

npm install

```

Now before editing anything you at first need to understand the project structure. 

```

portfolio-generator

 |-- assets 

 |   |-- css # edit or create your own css here

 |   |-- images # put your images here

 |   |-- js # the js scripts

 |-- data # your information to be used in site

 |-- templates # the ejs template files

```

If you don't want to change anything you can just navigate to data folder and replace the given information with yours.  

If you want to change the structure of any element or page go to templates and change the required file. The root is in `index.ejs`. Other sections are all referenced from the index file.  

If you want to change any design or style, head over to the `css/style.css` and add any of your own style. 

Finally, to generate the portfolio, simply run

```

node index.js

```

That's it! You can use github pages to deploy the site. Simple as that. 

## Conclusion

If you like the work, please head over to the original creator and editor and show some appreciation by giving a star to them. Thank you.