The latest articles on DEV Community by Probir Saha Shohom (@probir127). https://dev.to/probir127 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4013918%2F587b274c-7cd5-4e2a-8d0c-d4ae5ba1b7d5.jpg https://dev.to/probir127 en Probir Saha Shohom Fri, 03 Jul 2026 17:22:56 +0000 https://dev.to/probir127/i-built-a-react-18-vite-tailwind-css-portfolio-template-free-to-use-3hg7 https://dev.to/probir127/i-built-a-react-18-vite-tailwind-css-portfolio-template-free-to-use-3hg7 <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Ff2hgzqhn86ww29wr7c2j.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Ff2hgzqhn86ww29wr7c2j.png" alt=" " width="799" height="401"></a>## Background</p> <p>I'm a full-stack developer from Dhaka, Bangladesh.</p> <p>Every developer needs a portfolio. But building one <br> from scratch takes time — time most developers would <br> rather spend on real projects.</p> <p>So I built a clean, modern portfolio template with <br> React 18, Vite, and Tailwind CSS — and made it free <br> for the community.</p> <h2> Why These Technologies? </h2> <p><strong>React 18</strong> — Component-based UI makes the portfolio <br> easy to customize. Change one component, it updates <br> everywhere.</p> <p><strong>Vite</strong> — Insanely fast build tool. Development <br> server starts in milliseconds. Build times are <br> dramatically faster than Create React App.</p> <p><strong>Tailwind CSS</strong> — No custom CSS needed. Everything <br> styled with utility classes. Fully responsive with <br> almost no effort.</p> <p><strong>Vercel</strong> — One click deployment. Free hosting. <br> Custom domain support.</p> <h2> What's Included </h2> <ul> <li>Fully responsive design (mobile + desktop)</li> <li>Hero section with animated text</li> <li>Projects showcase section</li> <li>Skills section</li> <li>Contact section</li> <li>Clean component structure</li> <li>Easy to customize</li> </ul> <h2> Setup in 5 Minutes </h2> <div class="highlight js-code-highlight"> <pre class="highlight shell"><code>git clone https://github.com/Probir127/portfolio.git <span class="nb">cd </span>portfolio npm <span class="nb">install </span>npm run dev </code></pre> </div> <p>Visit <a href="http://localhost:5173" rel="noopener noreferrer">http://localhost:5173</a> and you're running.</p> <h2> What I Learned </h2> <ol> <li><p><strong>Vite is a game changer</strong> — never going back <br> to Create React App</p></li> <li><p><strong>Tailwind CSS removes decision fatigue</strong> — <br> no more thinking about class names</p></li> <li><p><strong>Component structure matters</strong> — a clean <br> structure makes customization easy for anyone</p></li> <li><p><strong>Vercel deployment is magical</strong> — push to <br> GitHub, automatically deployed in 30 seconds</p></li> </ol> <h2> Live Demo </h2> <p>See it here:<br> <a href="https://probir-portfolio-website-413x.vercel.app/" rel="noopener noreferrer">https://probir-portfolio-website-413x.vercel.app/</a></p> <h2> Get It Free </h2> <p>Download free on Gumroad:<br> <a href="https://sohom6.gumroad.com/l/ehnwr" rel="noopener noreferrer">https://sohom6.gumroad.com/l/ehnwr</a></p> <p>Just fill in your own info and deploy.<br> Setup takes under 5 minutes.</p> <h2> Questions? </h2> <p>Drop them in the comments below — happy to help!</p> webdev beginners react javascript Probir Saha Shohom Fri, 03 Jul 2026 17:18:54 +0000 https://dev.to/probir127/i-built-a-full-stack-e-commerce-app-with-django-react-sslcommerz-1dj2 https://dev.to/probir127/i-built-a-full-stack-e-commerce-app-with-django-react-sslcommerz-1dj2 <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fugw1thxv887remscjfqa.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fugw1thxv887remscjfqa.png" alt=" " width="800" height="401"></a>## Background</p> <p>I'm a full-stack developer from Dhaka, Bangladesh. <br> I wanted to build something real — not just a tutorial <br> project, but an actual working e-commerce application <br> that could be used in production.</p> <p>The result is RB Trading — a complete e-commerce web <br> app with Django REST Framework, React.js, and SSLCommerz <br> payment gateway.</p> <h2> Why These Technologies? </h2> <p><strong>Django REST Framework</strong> — Python is my strongest <br> language and DRF makes building APIs fast and clean. <br> The admin panel alone saves hours of work.</p> <p><strong>React.js + Tailwind CSS</strong> — Fast, component-based UI. <br> Tailwind CSS means no time wasted writing custom CSS.</p> <p><strong>SSLCommerz</strong> — The most popular payment gateway in <br> Bangladesh. Essential for any BD-market e-commerce app.</p> <p><strong>PostgreSQL</strong> — Production-grade database. No <br> compromises on data reliability.</p> <h2> What I Built </h2> <p>The app has everything a real e-commerce store needs:</p> <ul> <li>Product listing with search and category filtering</li> <li>Shopping cart and checkout flow</li> <li>SSLCommerz payment integration</li> <li>JWT authentication (register/login)</li> <li>Django admin panel for managing products and orders</li> <li>Fully responsive UI — works on mobile and desktop</li> </ul> <h2> The Hardest Part </h2> <p>Integrating SSLCommerz was the most challenging part.</p> <p>The documentation is not great and there are very few <br> working examples online. I spent 3 days getting the <br> payment flow working correctly — handling success, <br> failure, and cancel callbacks properly.</p> <p>If you're building for the Bangladesh market, this <br> alone makes the source code worth it.</p> <h2> What I Learned </h2> <ol> <li><p><strong>DRF serializers are powerful</strong> — once you <br> understand them, building APIs becomes very fast</p></li> <li><p><strong>JWT auth needs careful implementation</strong> — token <br> refresh, expiry handling, and secure storage all <br> matter</p></li> <li><p><strong>Payment gateway integration is always harder <br> than expected</strong> — always budget extra time for this</p></li> <li><p><strong>Tailwind CSS speeds up UI development</strong> — <br> stopped writing custom CSS almost completely</p></li> </ol> <h2> Live Demo </h2> <p>See it running here:<br> <a href="https://rb-trading-akwe.vercel.app/" rel="noopener noreferrer">https://rb-trading-akwe.vercel.app/</a></p> <h2> Get the Source Code </h2> <p>I'm selling the complete source code on Gumroad:<br> <a href="https://sohom6.gumroad.com/l/czqgez" rel="noopener noreferrer">https://sohom6.gumroad.com/l/czqgez</a></p> <p>Includes:</p> <ul> <li>Complete frontend + backend source code</li> <li>Database schema</li> <li>API documentation</li> <li>Setup guide / README</li> <li>Environment config examples</li> </ul> <h2> Questions? </h2> <p>Happy to answer anything about the tech stack, <br> implementation details, or SSLCommerz integration <br> in the comments below!</p> opensource webdev python django