The latest articles on DEV Community by ayoub afrache (@ayoub_afrache_3248b2782cd). https://dev.to/ayoub_afrache_3248b2782cd https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F2965842%2Fbbef2387-0388-438d-b5c7-893f13559534.jpg https://dev.to/ayoub_afrache_3248b2782cd en ayoub afrache Sat, 17 May 2025 15:33:00 +0000 https://dev.to/ayoub_afrache_3248b2782cd/i-built-a-clean-htmlcssjs-portfolio-template-for-freelancers-and-junior-devs-4b1b https://dev.to/ayoub_afrache_3248b2782cd/i-built-a-clean-htmlcssjs-portfolio-template-for-freelancers-and-junior-devs-4b1b <p>Hey Devs 👋</p> <p>Over the last few days, I worked on a clean and responsive portfolio template using just HTML, CSS, and JavaScript – no frameworks.</p> <p>I built this with junior developers and freelancers in mind, especially those who want something simple to start with.</p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code> 💡 Why I made this </code></pre> </div> <p>As a junior front-end developer myself, I know how hard it is to start your portfolio from scratch. Most templates are overloaded with unnecessary tools or use frameworks beginners aren't ready for.</p> <p>So I decided to build one with just the essentials:<br><br> No React, no Tailwind, no build tools – just pure code.</p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>🧩 Features </code></pre> </div> <ul> <li>Clean and modern layout </li> <li>Fully responsive </li> <li>Easy to customize </li> <li>Simple file structure </li> <li>No dependencies</li> </ul> <p>🔍 Live Preview</p> <p>live Demo : <a href="https://foliopro.vercel.app" rel="noopener noreferrer">https://foliopro.vercel.app</a></p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>📦 Get the Template </code></pre> </div> <p>You can download it here on Gumroad: </p> <p>👉 <a href="https://ayoubafrache.gumroad.com/l/Portfoliowebsite" rel="noopener noreferrer">https://ayoubafrache.gumroad.com/l/Portfoliowebsite</a></p> <p>🙏 Would love your feedback</p> <p>Let me know what you think or how I can improve it. I’m always open to feedback and learning from others in the community 💬</p> <p>Thanks for reading!</p> <p>– Ayoub</p> beginners freelance leadership frontend