Build Cooking Website Using Badaso - Part 0

Irnovi Albaweny — Thu, 23 Jun 2022 23:14:29 +0000

What are we going to build?

We have data in the form of food recipes, where there are any spices to make a food recipe. In addition there is how to cook it.

A similar application that is already popular is Cookpad. This application has many features, of course it is complex, this time we make it as simple as possible.

The users can store these data in the form of recipes, food ingredients and how to cook them into the application so that users / chef / visitors can easily find food recipes.
In addition, they can search based on the spices they have, then the application brings up any recipes that correlate with it.

Database Schema

Like applications in general, we design the database first.
We take the following stuff:

Recipe maker
Website visitors
Recipe
Food ingredients / spices
How to cook

Recipe maker & Website visitors we merge to users, so the conclusion will be like bellow and than we make the tables of database:

users
recipes
spices
cookings

What next

The next part we are going to how to create our project from scratch scaffolding using Badaso Laravel Headless CMS.

Build Cooking Website Using Badaso - Part 1

Irnovi Albaweny — Sat, 04 Jun 2022 17:03:29 +0000

Badaso is one of wonderfull Laravel package. It's contain Laravel headless CMS, admin panel, dashboard, builder and API CRUD.
Badaso is open source 100% free, maintain by Uasoft. If you are curious, go directly to the official Badaso page.

1. Installation

Badaso support installation witout Docker or with Docker. In this time, We try install Badaso witout Docker.
Install Badaso is easy. Open terminal and run it curl -s "https://badaso-starter.uatech.co.id/your-project-name" | bash.
We change …/your-project-name with …/cookings.

curl -s "https://badaso-starter.uatech.co.id/cookings" | bash

It will install the Laravel starter project and Badaso it self at a time. If process installation are done, the terminal look below.

Ok, now we go to the project cd cookings and php artisan serve. If we not got the error, our browser look Badaso's Welcome Page.

2. Setup Dashboard

Since we have installed Badaso at step 1, We haven't configured the database yet. This is proven when we enter the dashboard page http://localhost:8000/badaso-dashboard, we got an error.

Now we setup several stuff. Before it, make sure your composer.json have badaso/core.

"require": {
  "php": "^8.0.2",
  "badaso/core": "^2.4",
  ...
},

Open .env file, and fill it according to your environment

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=cookings
DB_USERNAME=root
DB_PASSWORD=123456

Don't forget you to create a database first via mysql-client or phpmyadmin.

Run commands below one by one.

php artisan badaso:setup
php artisan migrate
php artisan storage:link
php artisan db:seed --class="Database\Seeders\Badaso\BadasoSeeder"
php artisan badaso:admin admin@admin.com --create
npm install && npm run dev

Last run the server

php artisan serve

Refresh page at http://localhost:8000/badaso-dashboard and at the final we can see the badaso dashboard.

Until here we have actually successfully installed badaso dashboard.
For the next chapter, we will continue in another post.

Continue...