DEV Community: shutsuensha The latest articles on DEV Community by shutsuensha (@shutsuensha). https://dev.to/shutsuensha 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%2F3065115%2Fa1022779-8d8c-4374-b39f-eccecc7e19a2.jpeg DEV Community: shutsuensha https://dev.to/shutsuensha en πŸ“Œ Pinterest Clone β€” Fullstack App with Vue 3 & FastAPI shutsuensha Sat, 19 Apr 2025 08:52:20 +0000 https://dev.to/shutsuensha/pinterest-clone-fullstack-app-with-vue-3-fastapi-2jkl https://dev.to/shutsuensha/pinterest-clone-fullstack-app-with-vue-3-fastapi-2jkl <p>Hey Dev.to! πŸ‘‹</p> <p>I'm thrilled to share my latest project with you:<br><br> <strong>Pinterest Clone</strong> β€” a modern full-stack web application inspired by Pinterest, built using <strong>Vue 3</strong> for the frontend and <strong>FastAPI</strong> for the backend.</p> <h2> πŸ”— Live Demo &amp; Source Code </h2> <p>πŸ‘‰ <a href="https://pint3rest.xyz" rel="noopener noreferrer">https://pint3rest.xyz</a><br> πŸ‘‰ <a href="https://github.com/shutsuensha/pinterest-clone-vue3-fastapi" rel="noopener noreferrer">GitHub – pinterest-clone-vue3-fastapi</a></p> <h2> πŸ”§ Tech Stack </h2> <ul> <li> <strong>Frontend</strong>: Vue 3, Tailwind CSS, Pinia, Vue Router </li> <li> <strong>Backend</strong>: FastAPI, PostgreSQL, Redis, SQLAlchemy, WebSockets, Celery, JWT Auth, Docker</li> </ul> <h2> ✨ Features </h2> <ul> <li>πŸ‘€ Auth with email &amp; Google, JWT, profiles </li> <li>πŸ“Œ Create, save, like &amp; search pins </li> <li>🏷️ Tag-based pin organization </li> <li>πŸ’¬ Comments &amp; replies with media </li> <li>❀️ Likes for pins and comments </li> <li>πŸ”” Follow users &amp; get updates </li> <li>πŸ’¬ Realtime chat &amp; messaging </li> <li>πŸ”„ Live notifications &amp; updates </li> <li>🧠 Smart pin recommendations </li> <li>πŸ” Search history tracking </li> <li>πŸ›‘οΈ Admin pin/comment moderation </li> <li>πŸ“ Boards to organize pins</li> </ul> <h2> πŸ–ΌοΈ Screenshots </h2> <h3> 🌸 Feed </h3> <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%2F6qz1xf0011v4y7njwx1j.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%2F6qz1xf0011v4y7njwx1j.png" alt="image1" width="800" height="382"></a></p> <h3> πŸ“Œ Pin + Related </h3> <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%2Ftsxoyu9ywn58mhj7m965.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%2Ftsxoyu9ywn58mhj7m965.png" alt="image2" width="800" height="383"></a></p> <h3> ✨ New Pin </h3> <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%2F1m3xu1i4sqageduov76h.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%2F1m3xu1i4sqageduov76h.png" alt="image3" width="800" height="380"></a></p> <h3> 🧷 Boards </h3> <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%2Fefwzgic50s488j6aa4ar.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%2Fefwzgic50s488j6aa4ar.png" alt="image4" width="800" height="382"></a></p> <h3> πŸ‘€ User Profile </h3> <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%2F144upuruv00kz41es9t2.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%2F144upuruv00kz41es9t2.png" alt="image5" width="800" height="383"></a></p> <h3> πŸ” Search </h3> <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%2Fmhdanoet358pdrwwa61l.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%2Fmhdanoet358pdrwwa61l.png" alt="image6" width="800" height="378"></a></p> <h3> πŸ’¬ Chats </h3> <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%2Fdii7g73tdz7dpihukkew.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%2Fdii7g73tdz7dpihukkew.png" alt="image7" width="800" height="379"></a></p> <h3> πŸ’¬πŸ”” Chats Updates </h3> <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%2F8trxo55z3pl09f5annvr.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%2F8trxo55z3pl09f5annvr.png" alt="image8" width="800" height="381"></a></p> <h3> πŸ”” Realtime Updates </h3> <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%2F26yzy472utfuijnkixcc.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%2F26yzy472utfuijnkixcc.png" alt="image9" width="800" height="383"></a></p> <h3> ⭐ Recommendations </h3> <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%2Ft3f5ua1f31lrdrz2czd4.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%2Ft3f5ua1f31lrdrz2czd4.png" alt="image10" width="800" height="383"></a></p> <h2> 🀝 Contribute &amp; Support </h2> <p>If you like the project, feel free to ⭐ it on GitHub!<br><br> You’re also welcome to join me in developing it further β€” contributions are more than welcome, I’d love to build it together with you! πŸš€</p> <p>Thanks for reading! Let me know what you think, and feel free to share your ideas or suggestions in the comments πŸ’¬</p> vue fastapi showdev webdev