The article will create easy and stupid crud note app step by step for laravel but no login logout.(will do next time) **Pre requirement** **1**. php 8.x.x (in article is 8.3.3 for laravel 10) **2**. composer **3**. mysql **4**. your github account and config git in you computer. **5**. text editor (in article use VSCode) **6**. already install laravel in global **Let's do it** **1**. create project using command `laravel new example-note-app` ![create new laravel project](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lhngttbjc0zt5febaedf.png)
**2**. type and enter `none `for start with no starter kit. ![start with no starter kit](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/65tqzcxb1xejgblj9yi1.png)
**3**. enter for default option, we don't test in this article. ![enter for default ](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kvqkixtwm1882hvrpxor.png)
**4**. type and enter `yes` for init git. ![init git](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1wta516ixc8wobp7tlah.png)
**5**. wait for prompt database, type and enter `mysql` ![mysql database](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8l8a3gswp1ke1rqpdbfl.png)
**6**. when finish create open your project in editor. ![open your project in editor](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2a6xurw72w181uf2dp2d.png)
**7**. look at **.env ** file in section DB_xxxxx will be like this block. ``` DB_CONNECTION=mysql DB_HOST=127.0.0.1 DB_PORT=3306 DB_DATABASE=example_note_app DB_USERNAME=root DB_PASSWORD= ``` you must create databse in same config or change config for you database and must be satndalone database for this project. ![create database same config](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gadw94kpwc9s7a6259b3.png) ![database newer](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3qr6knfwqxlmdesqmamc.png)
**8**. go back to your editor and open terminal for prompt `php artisan serve` and terminal will show url if you go to url will display welcome page. ![terminal will show url ](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xxhwvx3bef01amhfwupa.png) ![welcome page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5sg7wx5h9bb9522kfqi9.png)
**9**. open second tab in teminal and run command `php artisan migrate` for run migration, after run your database shold have tables. ![run migration](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vax5qseiay0msc1vr8sm.png) ![database shold have tables](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/aaf64ff70pauspz70pxh.png)
**10**. go back to teminal and run command `php artisan make:model Note -m` for generate model with migration file for Note.
**11**. go to new migration file and change up function to block coded. ``` public function up(): void { Schema::create('notes', function (Blueprint $table) { $table->id(); $table->string('title'); $table->text('content'); $table->unsignedBigInteger('user_id'); $table->foreign('user_id')->references('id')->on('users'); $table->timestamps(); }); } ```
**12**. run command `php artisan migrate` to migration note and check notes table in database. ![run migrate](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fwoijmdhmeu6ot1q1r24.png) ![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z83stjld75q8o78d6286.png)
**13**. generate resource controller by run command `php artisan make:controller NoteController --resource` ![resource controller](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/teg5hjgl0gibrtyvqyfc.png)
**14**. add resource note route to route file for web. ![add resource note route](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9oessve1xs74m6pusu9k.png)
**15**. create note floder in views floder and create 3 files same block. ```

Notes

@if ($notes->isEmpty())

No notes found.

@else

{{ $note->title }}
@csrf @method('DELETE')
Edit

@endif Create New Note ``` ```

``` ```

Edit Note

Back to Notes ``` ```

Create Note

Back to Notes ``` ![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5xa14cce3rdf3ullw3l7.png)
**16**. edit note model like this block. ``` **17**. edit note controller like this block. ``` fill($request->all()); $user = User::first(); $note->user_id = $user->id; $note->save(); return redirect()->route('notes.index'); } public function show($id) { $note = Note::findOrFail($id); return view('note.show', compact('note')); } public function edit($id) { $note = Note::findOrFail($id); return view('note.edit', compact('note')); } public function update(Request $request, $id) { $note = Note::findOrFail($id); $note->update($request->all()); return redirect()->route('notes.index'); } public function destroy($id) { $note = Note::findOrFail($id); $note->delete(); return redirect()->route('notes.index'); } } ```
**18**. edit **DatabaseSeeder.php** ilke block ``` 'Test User', 'email' => 'test@example.com', 'password' => 'testpassword', ]); } } ``` and run `php artisan db:seed` will generate mock user for test insert to note
**19**. go your app url with **/notes** and let's play. ![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/72s2w9o8gky98w3ysh5d.png) ![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vdbb8u5qqe87zkcg82fq.png) **20**. let push your code to github.I will come back to add login, logout in future. https://github.com/supakjack/example-note-app

Notes

{{ $note->title }}

Edit Note

Create Note

supakjack

Let's create laravel CRUD example stupid note app.

Join Our Newsletter. No Spam, Only the good stuff.