DEV Community

Cover image for I Created an OpenSource Portfolio Template for Developers πŸš€
Ram Maheshwari πŸ’š
Ram Maheshwari πŸ’š

Posted on • Updated 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 ❀️

Discussion (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 πŸ’š Author

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 πŸ’š Author • 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 πŸ’š Author

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 πŸ’š Author

Thank you so much, Aditya for sharing your feedback, I'm happy that you find it helpful ❀️

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 πŸ’š Author

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

Collapse
devfranpr profile image
DevFranPR

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

Collapse
rammcodes profile image
Ram Maheshwari πŸ’š Author • Edited

Thank you so much, @devfranpr for sharing your feedback, Glad you like it ❀️

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 πŸ’š Author

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

Collapse
yasserbelhimer profile image
yasserbelhimer

Awesome thanks.
I gonna change my portfolio to this template

Collapse
rammcodes profile image
Ram Maheshwari πŸ’š Author • Edited

That sounds great, @yasserbelhimer . Share with us your portfolio on dev.to once you finish updating it, We will love to check it out :)

Collapse
thecoppinger profile image
Charlie Coppinger

Great work! πŸ’ͺ

Collapse
rammcodes profile image
Ram Maheshwari πŸ’š Author

Thanks a lot, Charlie πŸ˜„

Collapse
imiahazel profile image
Imia Hazel

Simply the Best.
Thanks for sharing.

Collapse
rammcodes profile image
Ram Maheshwari πŸ’š Author

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

Collapse
brendan8c profile image
Π‘ΠΎΠ²Π°

It looks cool, thank you!

Collapse
rammcodes profile image
Ram Maheshwari πŸ’š Author

Sounds good, Thanks for sharing your feedback ❀️

Collapse
chacalonchacaloso profile image
Paul Cortes

Wow is awesome, thanks

Collapse
rammcodes profile image
Ram Maheshwari πŸ’š Author

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 πŸ’š Author

Thank you so much, Fum for sharing your feedback, It's great that you find it useful ❀️

Collapse
ashleyjsheridan profile image
Ashley Sheridan

Have you made any major changes since you last run Lighthouse, as it's only scoring 71 there now, and Firefox dev tools lists over 30 accessibility issues (mostly contrast and keyboard access)

Collapse
pavindu97 profile image
Pavindu Lakshan

Great template with a clean UI Ram. I also added it to the templates section of Devbies. devbies.ml

Collapse
rammcodes profile image
Ram Maheshwari πŸ’š Author

Hey Pavidu, Thanks for adding the template on devbies.ml, I'm super happy about that. Thank you once again πŸ˜„

Collapse
jailiton profile image
jailiton

Hey Guy, Thanks for this template. This is very usually and beautifull.

Collapse
rammcodes profile image
Ram Maheshwari πŸ’š Author

Thanks for sharing your feedback, I'm happy that you find it beautiful ❀️

Collapse
zohaib546 profile image
Zohaib Ashraf

can we use this great portfolio for our needs ?

Collapse
rammcodes profile image
Ram Maheshwari πŸ’š Author

Yes, you can use it for your own needs as its OpenSource.