Search results
Get to know me! I'm a Frontend Focused Web Developer building and managing the Front-end of Websites and Web Applications that leads to the success of the overall product. Check out some of my work in the Projects section.
Frontend Web Developer 💻🚀. rammcodes has 72 repositories available. Follow their code on GitHub.
- ( Update ): Project Achievement 🏆
- Support
- Features
- How To Use 🔧
- Step 1 - STYLES
- Step 2 - Homepage
- Step 3 - Project Page
- Deployment 📦
- Give a Star ⭐
Dopefolio has been listed as the Hottest Frontend Tool of 2021 According to CSS Tricks 🥳. Thanks to all of you for supporting this project 🙌
Link to the CSS tricks article on Dopefolio
I do need support from amazing people like you as I started posting on My Linkedin and want each one of you to checkout My Linkedin Profile where I post amazing content related to Programming & Web Development 🚀
Easy to Setup 💯Free to Use ( OpenSource ) 🥳No Additional Frameworks 🤘No Additional Libraries 🙌Multi Page 💎Fully Responsive 🚀From your command line, first clone Dopefolio:
Then you can install the dependencies
Using NPM:
Once you run npm run compile:scss, then open the index.html inside your favorite browser or using the live server extension.
Make sure you have started the SASS to CSS compilation by running
Change the color theme of the website.
Go to sass/abstracts/_variables.scss and change the value of this sass variable called $themeClrPrimary to your preferred HEX color.
NOTE: I highly recommend to checkout the Dopefolio Playground Link to test the template with different colors and see which color do you like the most.
Header of Homepage
•On .header__logo-img, Add your own Image, Better if the background of the image is transparent so the background can match the theme color. To remove the background of your image, you can visit remove.bg where you can upload your image and it will remove the background of it. •On .header__logo-sub, Add your own Name.
Hero Section of Homepage
•On .heading-primary, put your custom title. •On .text-primary, put a short description about yourself. •On .home-hero__social-icon-link, fill the href attribute with a link related to your social media account.
About Section
•On .heading-sec__sub, put a short description about the section. •On .about__content-details-para, put your details here and use tag to highlight specific keywords. •On .skills__skill, mention your skill one by one.
Project Hero Section
•On .heading-primary add the Project Title. •On .text-primary add a short description about the Project. •On Anchor Tag that says Live Link with class btn btn--bg, add the Project Live Link as the value for the href attribute.
Project Details Section
•On .project-details__showcase-img, change the value of src to the location/link of Project Mockup. •On .project-details__desc-para to add a detailed paragraph describing your project. Use multiple .project-details__desc-para elements for multiple paragraphs. •On .skills mention the skills that were used to build the project inside .skills__skill to mention each skill. •On Anchor Tag that says Live Link with class btn btn--med btn--theme project-details__links-btn, add the Project Live Link as the value for the href attribute. •On Anchor Tag that says Code Link with class btn btn--med btn--theme-inv project-details__links-btn, add the Project's Code Link ( Repository Link ) as the value for the href attribute.
Once you have done with your setup. You need to put your website online!
I highly recommend to use Netlify to achieve this on the EASIEST WAY
Whenever you wanna host a new site on Netlify. You will need to press the Create New Site button from the Netlify's dashboard once you login into Netlify.
Once you press the Create Site Button then you will have to follow the 3 steps:
1.You will have to select your Github account.
2.Then select the Repository which you wanna host, in this case its your Portfolio website ( Clone of Dopefolio )
If you like this project then give it a Github star by pressing the Star button ⭐
View Ram Maheshwari ♾️’s profile on LinkedIn, a professional community of 1 billion members. Hello! I am a seasoned Web Developer and a passionate Programming Content Creator.
- 500+
- Self Employed
- 142K
Project Overview. Dopefolio is an Open-Source project which is a simple and clean multi-page portfolio website template for developers. I created this project for developers to quickly build a good-looking and fast-performing multi-page portfolio without having to code their portfolio from scratch.
Jan 4, 2023 · 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. 🤘.
Aug 20, 2021 · Ram Maheshwari ♾️. Frontend Web Developer - Programming Content Creator - 140k+ Followers On Linkedin - 70k+ Followers On Instagram - Follow me for the most amazing content related to Programming & Web Development 💎.
