DEV Community: Alva The latest articles on DEV Community by Alva (@next_gen_alva). https://dev.to/next_gen_alva 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%2F3089984%2F6cf525ad-b838-446e-b932-0669b0fb6175.png DEV Community: Alva https://dev.to/next_gen_alva en ๐Ÿš€ Just Launched My Coffee Store App! โ˜•๏ธ Alva Fri, 25 Apr 2025 17:41:40 +0000 https://dev.to/nextgenalva/just-launched-my-coffee-store-app-pmh https://dev.to/nextgenalva/just-launched-my-coffee-store-app-pmh <p>## ๐ŸŽฏ Project Overview</p> <p>Iโ€™m excited to share my latest personal project: a Coffee Store CRUD App built with the MERN stack and Firebase Authentication! This was a great opportunity to sharpen </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%2Fpyiqybqjyxfyc2myrm2a.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%2Fpyiqybqjyxfyc2myrm2a.png" alt="Image description" width="800" height="345"></a></p> <p>my skills in full-stack web development while diving into concepts like Context API, state management, and code structuring in a real-world scenario.</p> <p>*<em>Features:<br> *</em></p> <ol> <li>Browse coffee types: Public view for all visitors.</li> <li>User authentication: Register/Login using Firebase Auth.</li> <li>CRUD functionality: Add, Edit, Delete coffee items (only for logged-in users).</li> <li>User management: View and manage other users.</li> </ol> <p><strong>Backend:</strong> Built with Express.js and Node.js, connected to a MongoDB database.</p> <p>Although the app doesnโ€™t have complex role-based access control, it focuses on clean authentication and CRUD operations.</p> <p>๐Ÿ“Œ Tech Stack:</p> <ul> <li>React.js</li> <li>Firebase Authentication</li> <li>Node.js</li> <li>Express.js</li> <li>MongoDB</li> <li>Tailwind CSS</li> </ul> <p>๐Ÿ’ป GitHub Repository:<br> Check out the code here:<br> <a href="https://lnkd.in/eq5RujsG" rel="noopener noreferrer">https://lnkd.in/eq5RujsG</a></p> programming javascript react fullstack