DEV Community

Cover image for I Created an OpenSource Portfolio Template for Developers ๐Ÿš€
Ram Maheshwari โ™พ๏ธ
Ram Maheshwari โ™พ๏ธ

Posted on • Edited on

I Created an OpenSource Portfolio Template for Developers ๐Ÿš€

Launching ๐Ÿš€

Dopefolio ๐Ÿ”ฅ - An OpenSource Multipage Portfolio Website Template for Developers ๐Ÿš€


Dopefolio Demo

Github Repo Link: https://github.com/rammcodes/Dopefolio โญ


Creating a Portfolio Website from scratch is time-consuming and that's why I have created an OpenSource Portfolio Website Template for Developers so developers don't have to build their website from scratch. ๐Ÿ’ฏ

Instead, Developers can focus on building better Projects for their Portfolio without worrying about the Portfolio Website itself. ๐Ÿค˜


Features:

  • Easy to Setup โœ…
  • Free to Use ( OpenSource ) โœ…
  • No Additional Frameworks โœ…
  • No Additional Libraries โœ…
  • Multi Page โœ…
  • Fully Responsive โœ…
  • Super Fast and Optimized for SEO โœ…

Dopefolio Audits


The project is made with HTML, CSS, some JavaScript, and SASS to write CSS. Don't worry if you don't know any, I have provided the instructions on how to use Dopefolio and set up your own Portfolio using it in the README.md file inside the Github Repository.

  • Check out the Github Repository ๐Ÿ‘จโ€๐Ÿ’ป
  • Drop a Github Star โญ ๐Ÿ˜‰
  • Fork the Repository ๐Ÿด
  • Start using it for your own Portfolio ๐Ÿ™Œ

The Demo Link of the template is also provided in the Github Repository along with the Colors Playground Link โœ…

Hope this Portfolio Template will help you in your journey as a Developer ๐Ÿ˜‡


Important ๐Ÿ˜ธ

I regularly post useful content related to Web Development and Programming on Linkedin. You should consider Connecting with me or Following me on Linkedin.

Linkedin Profile: https://linkedin.com/in/rammcodes

You can also connect with me on Twitter

Twitter Profile: https://twitter.com/rammcodes


Support ๐Ÿ˜‡

If you find this project to be useful then you can support me using the Buy Me a Coffee link below so I can continue chasing my dream of building useful Projects that will help the developer community and the general audience and will allow me to change my life as well ๐Ÿ˜‡

Buy Me A Coffee โค๏ธ


Feel free to Like and Share this post ๐Ÿ˜‡

Share your feedback by Commenting below ๐Ÿ’ฌ

Drop me a Follow for more Awesome content related to Web Development and Programming ๐Ÿ™Œ

Thank you for your support โค๏ธ

Top comments (33)

Collapse
 
midouwebdev profile image
MidouWebDev • Edited

Awesome !
I have a question about the gif (res.cloudinary.com/practicaldev/im...), what did you use to make it look like this
Thanks

Collapse
 
rammcodes profile image
Ram Maheshwari โ™พ๏ธ

Hey @midouwebdev ,
I used canva.com to create that GIF, first I recorded the video using Chrome Extension and then I used Canva's video editor which also has mockups ( frames ) support for different screen sizes.

Collapse
 
midouwebdev profile image
MidouWebDev

Oh thank you so much !
Good job by the way i suggest you to talk in your next post about SEO and how to optimize a website
Thankss

Thread Thread
 
rammcodes profile image
Ram Maheshwari โ™พ๏ธ • Edited

SEO and Optimization is a great idea for an article, thanks for the suggestion. I will keep that in mind and hopefully will be able to post an article on that topic soon ๐Ÿ˜„

Collapse
 
tqbit profile image
tq-bit • Edited

Heads up - your github links point to https//github.com/rammcodes/Dopefolio, should be github.com/rammcodes/Dopefolio

PS: Cool design, keep hustlin'

Collapse
 
rammcodes profile image
Ram Maheshwari โ™พ๏ธ

Damn, Thank you so much, @tqbit for pointing that out, I fixed that and I'm really sorry for not testing all the links.

Collapse
 
adityakrcodes profile image
Aditya Kumar

Simply Awesome!

This would help a lot of people out there!
Great work dude ๐Ÿ”ฅ๐Ÿ”ฅ

Collapse
 
rammcodes profile image
Ram Maheshwari โ™พ๏ธ

Thank you so much, Aditya for sharing your feedback, I'm happy that you find it helpful โค๏ธ

Collapse
 
devfranpr profile image
DevFranPR

Dayum! That are good numbers in analytics and looks cool. Good job.

Collapse
 
rammcodes profile image
Ram Maheshwari โ™พ๏ธ • Edited

Thank you so much, @devfranpr for sharing your feedback, Glad you like it โค๏ธ

Collapse
 
crazyuploader profile image
Jugal Kishore

This is awesome, and looks exactly what I've been looking for (I want to create my own portfolio site without me having to learn HTML5 and whatnot)

Collapse
 
rammcodes profile image
Ram Maheshwari โ™พ๏ธ

That sounds great, @crazyuploader , I'm glad that this will help you. Thanks for sharing your feedback ๐Ÿ˜„

Collapse
 
lvmbda profile image
lambda

Phenomenal work! I've just finished building my portfolio based on your template. Keep it up! ๐Ÿ‘

Collapse
 
rammcodes profile image
Ram Maheshwari โ™พ๏ธ

Thanks a lot, lambda, for sharing your feedback. I'm very happy that you used the template to build your own portfolio.

Collapse
 
chacalonchacaloso profile image
Paul Cortes

Wow is awesome, thanks

Collapse
 
rammcodes profile image
Ram Maheshwari โ™พ๏ธ

Thank you so much, Paul for sharing your feedback โค๏ธ

Collapse
 
funbeedev profile image
Fum • Edited

Brilliant! Thanks so much for sharing. It will be very useful for me and for others I'm sure :)

Collapse
 
rammcodes profile image
Ram Maheshwari โ™พ๏ธ

Thank you so much, Fum for sharing your feedback, It's great that you find it useful โค๏ธ

Collapse
 
brendan8c profile image
Artem

It looks cool, thank you!

Collapse
 
rammcodes profile image
Ram Maheshwari โ™พ๏ธ

Sounds good, Thanks for sharing your feedback โค๏ธ

Collapse
 
imiahazel profile image
Imia Hazel

Simply the Best.
Thanks for sharing.

Collapse
 
rammcodes profile image
Ram Maheshwari โ™พ๏ธ

That's great to hear, @imiahazel . Thanks for sharing your feedback ๐Ÿ˜„