Worldwide Recipes frontend demo for IPC Berlin

• This is the frontend application to be used by the customers using Next.js.
• The backend uses Laravel.

Requirements

• Install first the backend following the instructions from ipc-laravel-backend

• IDEs

  • Install cursor
    • Create an account with cursor
    • Suggested extensions:
      • ESLint
      • Prettier
      • Tailwind CSS IntelliSense
      • SonarQube
  • Alternatively, install Visual Studio Code
    • Suggested extensions:
      • GitHub Copilot
      • GitHub Copilot Chat
      • Laravel

• Have a terminal

• Have git installed locally

• Have a GitHub account

  • with GitHub copilot enabled

• Install act to run GitHub actions locally

• Have an OpenAI key

• Node 18.18 or later

Instructions

• Clone repo

git clone https://github.com/cvarela0702/ipc-nextjs-frontend

• Install its dependencies with yarn install or npm install.

cd ipc-nextjs-frontend
npm install

• Copy the .env.example file to .env.local

cp .env.example .env

• Supply the URL of your backend in the .env file

NEXT_PUBLIC_BACKEND_URL=http://localhost

• Run GitHub actions locally

act

• For the IPC only
  • Copy the RefinedPrompts.md to somewhere in your local machine
  • Go to the first commit

git checkout first

• Finally, run the application via npm run dev:

npm run dev

• The application will be available at http://localhost:3000

• You can register now in the application and you can get emails with Mailpit by going to http://localhost:8025/