DEV Community: RaksHAsA The latest articles on DEV Community by RaksHAsA (@rakshasa). https://dev.to/rakshasa 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%2F941200%2Ffb7dc754-e68d-4796-a459-e8985852eca9.jpg DEV Community: RaksHAsA https://dev.to/rakshasa en 🌟 Just Launched! Two Frontend Projects β€” I'd ❀️ Your Feedback RaksHAsA Tue, 08 Jul 2025 07:20:48 +0000 https://dev.to/rakshasa/just-launched-two-frontend-projects-id-your-feedback-1c8a https://dev.to/rakshasa/just-launched-two-frontend-projects-id-your-feedback-1c8a <h1> Hey Devs! πŸ‘‹ </h1> <p>I just wrapped up two frontend/web design projects that blend modern UI, smooth animation, and clean, responsive layouts β€” and I’d <em>love</em> your honest feedback. πŸ”</p> <p>Whether you're a designer, developer, or just a curious techie β€” <strong>your thoughts, critiques, or even small suggestions would mean a lot</strong>. I'm aiming to sharpen my skills, and there's no better way than learning from this amazing community.</p> <p>Each project is built with tools like <strong>React, Tailwind, Framer Motion, GSAP, Zustand, and Vite</strong> β€” πŸ˜‰</p> <h2> 🎨 1. Creative Agency Portfolio Website </h2> <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.amazonaws.com%2Fuploads%2Farticles%2Ffkuirgx7t8ad46nvkrbc.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.amazonaws.com%2Fuploads%2Farticles%2Ffkuirgx7t8ad46nvkrbc.png" alt="Header" width="800" height="200"></a></p> <p>A modern, animated, and professional <strong>portfolio site</strong> for agencies, studios, or creatives. This project blends style and substance β€” perfect for showcasing your services and team with personality and flair.</p> <p>πŸ”— <strong>Live Demo</strong>: <a href="https://creative-company-portfolio.vercel.app/" rel="noopener noreferrer">creative-company-portfolio.vercel.app</a><br><br> πŸ“‚ <strong>GitHub Repo</strong>: <a href="https://github.com/rafeul19/Creative-Company-Portfolio" rel="noopener noreferrer">github.com/rafeul19/Creative-Company-Portfolio</a></p> <p>πŸŽ₯ <strong>Preview</strong>:</p> <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.amazonaws.com%2Fuploads%2Farticles%2Fk17fz8om6d0yv9obpwdh.gif" 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.amazonaws.com%2Fuploads%2Farticles%2Fk17fz8om6d0yv9obpwdh.gif" alt="Preview GIF" width="600" height="337"></a></p> <h3> πŸ› οΈ Tech Stack: </h3> <ul> <li>React + Javascript</li> <li>Tailwind CSS</li> <li>Vite</li> <li>GSAP</li> <li>Framer Motion</li> <li>Swiper</li> </ul> <h3> ✨ Highlights: </h3> <ul> <li>✨ Smooth page transitions &amp; hover animations </li> <li>πŸ“± Fully responsive layout </li> <li>πŸ–ΌοΈ Interactive portfolio gallery </li> <li>πŸ‘₯ Clean team and service sections </li> <li>🧩 Modular, reusable components</li> </ul> <blockquote> <p>πŸ’‘ <strong>What I’d love feedback on</strong>:</p> <ul> <li>How’s the user flow and layout?</li> <li>Do the animations feel smooth or too much?</li> <li>Is it mobile-friendly and accessible?</li> </ul> </blockquote> <h2> πŸ€– 2. AI SaaS Landing Page </h2> <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.amazonaws.com%2Fuploads%2Farticles%2Fum1qfg9630qczwhbfz7f.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.amazonaws.com%2Fuploads%2Farticles%2Fum1qfg9630qczwhbfz7f.png" alt="Landing" width="800" height="414"></a></p> <p>A sleek landing page built for modern SaaS startups, especially in the AI/tech niche. Crafted to convert with clean sections, smooth interactions, and theme toggle support.</p> <p>πŸ”— <strong>Live Demo</strong>: <a href="https://saa-s-landing-page-dun.vercel.app/" rel="noopener noreferrer">saa-s-landing-page-dun.vercel.app</a><br><br> πŸ“‚ <strong>GitHub Repo</strong>: <a href="https://github.com/rafeul19/SaaS-Landing-Page" rel="noopener noreferrer">github.com/rafeul19/SaaS-Landing-Page</a></p> <h3> πŸ› οΈ Tech Stack: </h3> <ul> <li>React + TypeScript </li> <li>Tailwind CSS </li> <li>Zustand </li> <li>Vite </li> <li>Framer Motion </li> <li>Lucide Icons</li> </ul> <h3> ⚑ Key Features: </h3> <ul> <li>πŸŒ— Light/Dark mode toggle (with Zustand)</li> <li>πŸ’» Responsive layout for all screens</li> <li>🧩 Reusable components (Hero, Features, Pricing, CTA)</li> <li>🎨 Smooth animations and gradients</li> <li>🧠 Simple and scalable code structure</li> </ul> <blockquote> <p>πŸ’¬ <strong>Feedback I’m looking for</strong>:</p> <ul> <li>Does the design feel modern and engaging?</li> <li>Code structure or performance issues?</li> <li>Any kind of issues?</li> </ul> </blockquote> <h2> 🧠 Why I’m Posting </h2> <p>As a full-stack enthusiast, I’m constantly looking to improve. These projects represent my passion for UI/UX, motion design, and building clean, reusable code.</p> <p><strong>If you can spare even 1 minute to check them out and drop feedback, you’ll help me grow!</strong> πŸš€</p> <h2> πŸ’¬ Let’s Connect </h2> <p>Let’s chat, connect, and grow together:</p> <ul> <li>πŸ§‘β€πŸ’» GitHub: <a href="https://github.com/rafeul19" rel="noopener noreferrer">@rafeul19</a> </li> <li>πŸ’Ό LinkedIn: <a href="https://www.linkedin.com/in/md-rafeul/" rel="noopener noreferrer">Md. Rafeul Islam Rafe</a> </li> <li>βœ‰οΈ Email: <a href="mailto:rafe.19.dev@gmail.com">rafe.19.dev@gmail.com</a> </li> </ul> <p>Thanks for reading and supporting a fellow frontend explorer! 🌱<br><br> Let’s keep building cool things, together πŸ’»πŸŽ¨βœ¨</p> <blockquote> <p><em>Made with ❀️, Tailwind, Framer Motion, and endless cups of tea.</em><br><br> <em>– Rafeul Islam Rafe</em></p> </blockquote> <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.amazonaws.com%2Fuploads%2Farticles%2Fbackm1ry9lxtj19txqt4.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.amazonaws.com%2Fuploads%2Farticles%2Fbackm1ry9lxtj19txqt4.png" alt=" " width="800" height="131"></a></p> webdev programming javascript react