DEV Community

a.infosecflavour
a.infosecflavour

Posted on

5 3 3 3 3

Foodz

This is a submission for the Wix Studio Challenge .

What I Built

Are you hungry? Up to try something new? Luxembourgish and Danish dishes have your back...I mean stomach! Now, a round of applause for Foodz!

Demo

Inside Foodz: https://gowonder1.wixstudio.io/foodz

Fine, I'll be a spoiler.

home

delivery

Development Journey

I used the onClick Javascript function to redirect to Online Order page (seen as "Delivery"). :

import wixLocation from 'wix-location'; 
import wixWindow from 'wix-window';



$w.onReady(function () {
    $w("#box4").onClick(() => {
        wixLocation.to("/online-ordering"); 
    });
}); 
Enter fullscreen mode Exit fullscreen mode

The almost same effect can be achieved by creating a link without using any code. This is how I implemented the redirect to Surprise box page. I mentioned almost, because if one does not use the JavaScript code above, the text (i.e Surprise box) is not clickable. Only the box itself is linked to the redirect page.

Wix eCommerce API and Wix Stores are at the center of the website. Wix Restaurant Orders and Wix Stores are the applications used from App Market.

I invite you to have a taste from these delicious cuisines. 🍽️

SurveyJS custom survey software

Simplify data collection in your JS app with a fully integrated form management platform. Includes support for custom question types, skip logic, integrated CCS editor, PDF export, real-time analytics & more. Integrates with any backend system, giving you full control over your data and no user limits.

Learn more

Top comments (0)

nextjs tutorial video

Youtube Tutorial Series 📺

So you built a Next.js app, but you need a clear view of the entire operation flow to be able to identify performance bottlenecks before you launch. But how do you get started? Get the essentials on tracing for Next.js from @nikolovlazar in this video series 👀

Watch the Youtube series