Burger Valy

Online ordering and reservation application for a burger-focused fast food restaurant. Making the user interface dynamic and tailoring the Strapi backend to meet the project's requirements were two major challenges of this project.

View github repo Visit demo website

Employer:

Self-initiated

Contributions:

UI and UX designFrontend developmentStrapi CMS integration

Tools:

Next.jsStrapi

Challenges

Developing a dynamic UI, particularly the intricate burger builder, was the first challenge. It required meticulous handling of numerous variables to ensure smooth operation. The second challenge was developing the authentication and authorization features from scratch.

Solutions

To overcome the first challenge, I leveraged the latest JavaScript, ReactJS, and NextJS features, creating an engaging and responsive user experience. For user authentication and authorization, I used Jsonwebtoken in conjunction with API routes offered by NextJS. To manage data and website content effectively, I used Strapi as the backend and content management system (CMS), enabling seamless storage and retrieval of information.

Process

The idea for this application was sparked by a smaller, similar project I came across during an online course. Recognizing the opportunity for a challenging endeavor, I began gathering design ideas and conceptualizing the project.

I started by creating a basic mockup, followed by setting up the Strapi backend. This involved configuring the database and building the necessary API endpoints. After testing the endpoints using Postman, I hosted the backend on Heroku.

With the backend in place, I shifted my focus to creating the user interface using NextJS. To enhance maintainability, I modularized the entire application into smaller, easily manageable components. I used Redux to manage application states.

I connected these components to their respective APIs and conducted extensive cross-browser testing to ensure the user interface and features performed flawlessly as intended. After successful testing, I hosted the frontend on Vercel.