The latest articles on DEV Community by vinit gurjar (@vindev45). https://dev.to/vindev45 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%2F963097%2Fad1410e6-b0fa-46f9-b1d9-8629f4187359.jpeg https://dev.to/vindev45 en vinit gurjar Thu, 20 Jul 2023 23:08:10 +0000 https://dev.to/vindev45/anime-resutoran-storefront-using-refine-3khm https://dev.to/vindev45/anime-resutoran-storefront-using-refine-3khm <h2> What I built </h2> <p>A Storefront using refine framework. A website for online portfolio of Anime-レストラン restaurant.</p> <h3> Category Submission: </h3> <ul> <li>Most Visually Pleasing </li> </ul> <h3> App Link </h3> <p>(Not deployed)</p> <h3> Screenshots </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%2F6yvi14f4xr9wjfvmjqck.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%2F6yvi14f4xr9wjfvmjqck.png" alt="Home page" width="800" height="450"></a></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%2F5rtsrxy474odjtfuqxx1.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%2F5rtsrxy474odjtfuqxx1.png" alt="Menu section" width="800" height="450"></a></p> <h3> Description </h3> <p>This project is a Storefront(Online presence) of Anime-レストラン restaurant franchise. This website showcase the products available at the restaurant and other information about the restaurant. We build a simple Yet stylish storefront using refine</p> <h3> Link to Source Code </h3> <p><a href="https://github.com/Ronit-gurjar/anime-restoran" rel="noopener noreferrer">Source code</a></p> <h3> Permissive License </h3> <p><a href="https://github.com/Ronit-gurjar/anime-restoran/blob/main/LICENSE" rel="noopener noreferrer">MIT 2023 licence</a></p> <h2> Background (What made you decide to build this particular app? What inspired you?) </h2> <p>We decided to build this project as a initiative for our dream of opening a family friendly restaurant for Anime Lover allover India. Now we are fully motivated to make this a reality.</p> <h3> How I built it (How did you utilize refine? Did you learn something new along the way? Pick up a new skill?) </h3> <p>It was our first time ever using refine. We faced few problems at first, But soon we figured all out. Thanks to this experience we got during this hackathon, our knowledge of web-development have improved.</p> <h3> Additional Resources/Info </h3> <p>We got a chance to learn and contribute to open-source project. My team mate, <a class="mentioned-user" href="https://dev.to/ronitgurjar">@ronitgurjar</a> was implementing the carousel for the menu, while searching for a library he found one he liked named embla-carousel pkg. While going through their Docs he found a bug So he solved the bug, wrote a PR and sent it to the maintainer. The next day he was asked if he could help in correcting all the docs. Really happy for his progress in open-source community 😁🔥.</p> refinehackathon typescript nextjs opensource