The latest articles on DEV Community by Sanjeev (@heysanj). https://dev.to/heysanj 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%2F965000%2F0020de15-bb8b-40b8-9952-097b0cf13d15.jpeg https://dev.to/heysanj en Sanjeev Tue, 06 Dec 2022 02:28:04 +0000 https://dev.to/heysanj/beerhop-a-brewery-directory-4b11 https://dev.to/heysanj/beerhop-a-brewery-directory-4b11 <h2> What I built </h2> <p>An online directory of Breweries, pubs and bars in your area!</p> <h3> Category Submission: </h3> <p>Choose Your Own Adventure</p> <h3> App Link </h3> <p><a href="https://beerhop.sanj.zone/">https://beerhop.sanj.zone/</a><br> <a href="https://beerhop.onrender.com/">https://beerhop.onrender.com/</a></p> <h3> Screenshots </h3> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--3KkS3ZRl--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/juq9dvsvm8bcjy3uu5i6.jpg" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--3KkS3ZRl--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/juq9dvsvm8bcjy3uu5i6.jpg" alt="List of all breweries" width="880" height="495"></a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--LfscCCuk--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tc2lpth2tazaxkb7ojfb.jpg" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--LfscCCuk--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tc2lpth2tazaxkb7ojfb.jpg" alt="More breweries" width="880" height="495"></a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--waCbPsDL--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/25wy9njlp7jksis9lwep.jpg" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--waCbPsDL--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/25wy9njlp7jksis9lwep.jpg" alt="Brewery details" width="880" height="495"></a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--jZu5uK9T--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e89aa2hoca11gq0b1ndv.jpg" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--jZu5uK9T--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e89aa2hoca11gq0b1ndv.jpg" alt="User Reviews" width="880" height="495"></a></p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--HuBbyW4m--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wfxnylb81kcvi07twms9.jpg" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--HuBbyW4m--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wfxnylb81kcvi07twms9.jpg" alt="Editing a brewery entry" width="880" height="495"></a></p> <h3> Description </h3> <p>Built for the beer lovers, BeerHop lists breweries, pubs and bars close to you. Users can browse bars using either the main list or cluster map. Each bar also has it's own page with more details and user reviews. While adding and editing bars is currently limited to authorised users, this functionality can be added later. </p> <h3> Link to Source Code </h3> <p><a href="https://github.com/heySanj/beerHop">https://github.com/heySanj/beerHop</a></p> <h3> Permissive License </h3> <p>BSD-3-Clause license</p> <h2> Background </h2> <p>I am currently studying to become a Full Stack Web Developer and building BeerHop was the capstone project for the <a href="https://www.udemy.com/course/the-web-developer-bootcamp/">2022 Web Developer Bootcamp by Colt Steele on Udemy</a>.</p> <p>The project was to demonstrate my ability to create a full CRUD and MVC web app. Also, rather than just copy the course's final YelpCamp project, I attempted to put my own spin on the project.</p> <h3> How I built it </h3> <p>The application was built using NodeJS and Express. For data storage, MongoDB Atlas was used. This was my first time using a NoSQL database system, and I'm glad I now have the experience.</p> <p>Connecting my Node app to an Atlas database was easy, and I'm keen to use Atlas in my future projects!</p> <h3> Additional Resources/Info </h3> <p><a href="https://www.udemy.com/course/the-web-developer-bootcamp/">2022 Web Developer Bootcamp by Colt Steele on Udemy</a>.</p> atlashackathon22