DEV Community: Vicky Alvando

DEV Community: Vicky Alvando The latest articles on DEV Community by Vicky Alvando (@vickyalvandob). https://dev.to/vickyalvandob https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F995040%2Fafa9a5b4-2ac0-495f-8995-54f2b0d47d17.png DEV Community: Vicky Alvando https://dev.to/vickyalvandob en Creating a Social Media Website with Laravel 9 Vicky Alvando Sat, 06 May 2023 06:57:28 +0000 https://dev.to/vickyalvandob/creating-a-social-media-website-with-laravel-9-38of https://dev.to/vickyalvandob/creating-a-social-media-website-with-laravel-9-38of <p>Creating a Social Media Website with Laravel 9</p> <p>Introduction<br> Discover the power of Laravel 9 in building your own social media platform. </p> <p>With Laravel 9, you can create a secure, scalable, and engaging website. Let's dive in and unlock the potential of social media development.</p> <p>Why Choose Laravel 9?</p> <p>Superior Performance: Laravel 9 delivers exceptional performance, ensuring a smooth user experience even under heavy loads.</p> <p>Enhanced Security: Protect user data with robust security features against attacks like XSS and CSRF.</p> <p>Rapid Development: Build your social media website quickly and efficiently with Laravel 9's intuitive syntax and powerful tools.</p> <p>Steps to Build Your Social Media Website:</p> <p>Initial Configuration: Install Laravel 9 and set up your development environment.</p> <p>Database Design: Plan your database structure and use Laravel 9's migration feature to create tables.</p> <p>Authentication and Authorization: Implement a secure authentication system and control user access.</p> <p>Post Creation and Interactions: Enable users to create, edit, and interact with posts, including likes and comments.</p> <p>UI Development: Design a visually appealing and user-friendly interface.</p> <p>Testing and Deployment: Ensure functionality, performance, and security before deploying your website.</p> <p>Unleash the Power of Laravel 9 for Your Social Media Success!</p> <p>Watch more on youtube : <a href="https://youtu.be/NjqVhu2QO_I">https://youtu.be/NjqVhu2QO_I</a></p> socialmedia programming laravel Online Test - Create Model And Migration #2 Vicky Alvando Fri, 23 Dec 2022 06:45:07 +0000 https://dev.to/vickyalvandob/online-test-create-model-and-migration-166j https://dev.to/vickyalvandob/online-test-create-model-and-migration-166j <p><strong>Step 1 - Create Model & Migration Lesson</strong><br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>php artisan make:model Lesson -m </code></pre> </div> <p>Please open the migration file, then in the section <strong>function up</strong> change the code to be like this:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>public function up() { Schema::create('lessons', function (Blueprint $table) { $table->id(); $table->string('title')->unique(); $table->timestamps(); }); } </code></pre> </div> <p>Please open the file <strong>app/Models/Lesson.php</strong>, then change the code to be like this:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code><?php namespace App\Models; use Illuminate\Database\Eloquent\Factories\HasFactory; use Illuminate\Database\Eloquent\Model; class Lesson extends Model { use HasFactory; /** * fillable * * @var array */ protected $fillable = [ 'title', ]; } </code></pre> </div> <p><strong>Step 2 - Create Model & Migration Classroom</strong><br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>php artisan make:model Classroom -m </code></pre> </div> <p>Please open the migration file, then in the section <strong>function up</strong> change the code to be like this:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>public function up() { Schema::create('classrooms', function (Blueprint $table) { $table->id(); $table->string('title')->unique(); $table->timestamps(); }); } </code></pre> </div> <p>Please open the file <strong>app/Models/Classroom.php</strong>, then change the code to be like this:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code><?php namespace App\Models; use Illuminate\Database\Eloquent\Factories\HasFactory; use Illuminate\Database\Eloquent\Model; class Classroom extends Model { use HasFactory; /** * fillable * * @var array */ protected $fillable = [ 'title', ]; } </code></pre> </div> <p><strong>Step 3 - Create Model & Migration Exam</strong><br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>php artisan make:model Exam -m </code></pre> </div> <p>Please open the migration file, then in the section <strong>function up</strong> change the code to be like this:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>public function up() { Schema::create('exams', function (Blueprint $table) { $table->id(); $table->string('title'); $table->foreignId('lesson_id')->references('id')->on('lessons')->cascadeOnDelete(); $table->foreignId('classroom_id')->references('id')->on('classrooms')->cascadeOnDelete(); $table->integer('duration'); $table->text('description'); $table->enum('random_question', ['Y', 'N'])->default('Y'); $table->enum('random_answer', ['Y', 'N'])->default('Y'); $table->enum('show_answer', ['Y', 'N'])->default('N'); $table->timestamps(); }); } </code></pre> </div> <p>Please open the file <strong>app/Models/Exam.php</strong>, then change the code to be like this:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code><?php namespace App\Models; use Illuminate\Database\Eloquent\Factories\HasFactory; use Illuminate\Database\Eloquent\Model; class Exam extends Model { use HasFactory; /** * fillable * * @var array */ protected $fillable = [ 'title', 'lesson_id', 'classroom_id', 'duration', 'description', 'random_question', 'random_answer', 'show_answer', ]; /** * lesson * * @return void */ public function lesson() { return $this->belongsTo(Lesson::class); } /** * classroom * * @return void */ public function classroom() { return $this->belongsTo(Classroom::class); } /** * questions * * @return void */ public function questions() { return $this->hasMany(Question::class)->orderBy('id', 'DESC'); } } </code></pre> </div> <p><strong>Step 4 - Create Model & Migration Student</strong><br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>php artisan make:model Student -m </code></pre> </div> <p>Please open the migration file, then in the section <strong>function up</strong> change the code to be like this:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>public function up() { Schema::create('students', function (Blueprint $table) { $table->id(); $table->foreignId('classroom_id')->references('id')->on('classrooms')->cascadeOnDelete(); $table->bigInteger('nisn')->unique(); $table->string('name'); $table->string('password'); $table->enum('gender', ['L', 'P'])->default('L'); $table->timestamps(); }); } </code></pre> </div> <p>Please open the file <strong>app/Models/Student.php</strong>, then change the code to be like this:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code><?php namespace App\Models; use Illuminate\Database\Eloquent\Factories\HasFactory; use Illuminate\Database\Eloquent\Model; class Student extends Model { use HasFactory; /** * fillable * * @var array */ protected $fillable = [ 'classroom_id', 'nisn', 'name', 'password', 'gender' ]; /** * classroom * * @return void */ public function classroom() { return $this->belongsTo(Classroom::class); } } </code></pre> </div> <p><strong>Step 5 - Create Model & Migration Question</strong><br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>php artisan make:model Question -m </code></pre> </div> <p>Please open the migration file, then in the section <strong>function up</strong> change the code to be like this:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>public function up() { Schema::create('questions', function (Blueprint $table) { $table->id(); $table->foreignId('exam_id')->references('id')->on('exams')->cascadeOnDelete(); $table->text('question'); $table->text('option_1')->nullable(); $table->text('option_2')->nullable(); $table->text('option_3')->nullable(); $table->text('option_4')->nullable(); $table->text('option_5')->nullable(); $table->integer('answer'); $table->timestamps(); }); } </code></pre> </div> <p>Please open the file <strong>app/Models/Question.php</strong>, then change the code to be like this:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code><?php namespace App\Models; use Illuminate\Database\Eloquent\Factories\HasFactory; use Illuminate\Database\Eloquent\Model; class Question extends Model { use HasFactory; /** * fillable * * @var array */ protected $fillable = [ 'exam_id', 'question', 'option_1', 'option_2', 'option_3', 'option_4', 'option_5', 'answer', ]; } </code></pre> </div> <p><strong>Step 6 - Create Model & Migration Exam Session</strong><br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>php artisan make:model ExamSession -m </code></pre> </div> <p>Please open the migration file, then in the section <strong>function up</strong> change the code to be like this:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>public function up() { Schema::create('exam_sessions', function (Blueprint $table) { $table->id(); $table->foreignId('exam_id')->references('id')->on('exams')->cascadeOnDelete(); $table->string('title'); $table->dateTime('start_time'); $table->dateTime('end_time'); $table->timestamps(); }); } </code></pre> </div> <p>Please open the file <strong>app/Models/ExamSession.php</strong>, then change the code to be like this:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code><?php namespace App\Models; use Illuminate\Database\Eloquent\Factories\HasFactory; use Illuminate\Database\Eloquent\Model; class ExamSession extends Model { use HasFactory; /** * fillable * * @var array */ protected $fillable = [ 'exam_id', 'title', 'start_time', 'end_time', ]; /** * exam_groups * * @return \Illuminate\Database\Eloquent\Relations\HasMany */ public function exam_groups() { return $this->hasMany(ExamGroup::class); } /** * exam * * @return \Illuminate\Database\Eloquent\Relations\BelongsTo */ public function exam() { return $this->belongsTo(Exam::class); } } </code></pre> </div> <p><strong>Step 7 - Create Model & Migration Exam Group</strong><br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>php artisan make:model ExamGroup -m </code></pre> </div> <p>Please open the migration file, then in the section <strong>function up</strong> change the code to be like this:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>public function up() { Schema::create('exam_groups', function (Blueprint $table) { $table->id(); $table->foreignId('exam_id')->references('id')->on('exams')->cascadeOnDelete(); $table->foreignId('exam_session_id')->references('id')->on('exam_sessions')->cascadeOnDelete(); $table->foreignId('student_id')->references('id')->on('students')->cascadeOnDelete(); $table->timestamps(); }); } </code></pre> </div> <p>Please open the file <strong>app/Models/ExamGroup.php</strong>, then change the code to be like this:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code><?php namespace App\Models; use Illuminate\Database\Eloquent\Factories\HasFactory; use Illuminate\Database\Eloquent\Model; class ExamGroup extends Model { use HasFactory; /** * fillable * * @var array */ protected $fillable = [ 'exam_id', 'exam_session_id', 'student_id', ]; /** * exam * * @return \Illuminate\Database\Eloquent\Relations\BelongsTo */ public function exam() { return $this->belongsTo(Exam::class); } /** * exam_session * * @return \Illuminate\Database\Eloquent\Relations\HasMany */ public function exam_session() { return $this->belongsTo(ExamSession::class); } /** * student * * @return \Illuminate\Database\Eloquent\Relations\HasMany */ public function student() { return $this->belongsTo(Student::class); } } </code></pre> </div> <p><strong>Step 8 - Create Model & Migration Answer</strong><br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>php artisan make:model Answer -m </code></pre> </div> <p>Please open the migration file, then in the section <strong>function up</strong> change the code to be like this:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>public function up() { Schema::create('answers', function (Blueprint $table) { $table->id(); $table->foreignId('exam_id')->references('id')->on('exams')->cascadeOnDelete(); $table->foreignId('exam_session_id')->references('id')->on('exam_sessions')->cascadeOnDelete(); $table->foreignId('question_id')->references('id')->on('questions')->cascadeOnDelete(); $table->foreignId('student_id')->references('id')->on('students')->cascadeOnDelete(); $table->integer('question_order'); $table->string('answer_order'); $table->integer('answer'); $table->enum('is_correct', ['Y', 'N'])->default('N'); $table->timestamps(); }); } </code></pre> </div> <p>Please open the file <strong>app/Models/Answer.php</strong>, then change the code to be like this:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code><?php namespace App\Models; use Illuminate\Database\Eloquent\Factories\HasFactory; use Illuminate\Database\Eloquent\Model; class Answer extends Model { use HasFactory; /** * fillable * * @var array */ protected $fillable = [ 'exam_id', 'exam_session_id', 'question_id', 'student_id', 'question_order', 'answer_order', 'answer', 'is_correct', ]; /** * question * * @return void */ public function question() { return $this->belongsTo(Question::class); } } </code></pre> </div> <p><strong>Step 9 - Create Model & Migration Grade</strong><br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>php artisan make:model Grade -m </code></pre> </div> <p>Please open the migration file, then in the section <strong>function up</strong> change the code to be like this:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>public function up() { Schema::create('grades', function (Blueprint $table) { $table->id(); $table->foreignId('exam_id')->references('id')->on('exams')->cascadeOnDelete(); $table->foreignId('exam_session_id')->references('id')->on('exam_sessions')->cascadeOnDelete(); $table->foreignId('student_id')->references('id')->on('students')->cascadeOnDelete(); $table->integer('duration'); $table->dateTime('start_time')->nullable(); $table->dateTime('end_time')->nullable(); $table->integer('total_correct'); $table->decimal('grade', 5, 2); $table->timestamps(); }); } </code></pre> </div> <p>Please open the file <strong>app/Models/Grade.php</strong>, then change the code to be like this:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code><?php namespace App\Models; use Illuminate\Database\Eloquent\Factories\HasFactory; use Illuminate\Database\Eloquent\Model; class Grade extends Model { use HasFactory; /** * fillable * * @var array */ protected $fillable = [ 'exam_id', 'exam_session_id', 'student_id', 'duration', 'start_time', 'end_time', 'total_correct', 'grade', ]; /** * exam * * @return void */ public function exam() { return $this->belongsTo(Exam::class); } /** * exam_session * * @return void */ public function exam_session() { return $this->belongsTo(ExamSession::class); } /** * student * * @return void */ public function student() { return $this->belongsTo(Student::class); } } </code></pre> </div> <p><strong>Step 10 - Running the migration</strong><br> After successfully creating the <strong>Model and Migration</strong>, now we will run the migrate command so tah the code tah we created above can be generated into tables, filds and relations.<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>php artisan migrate </code></pre> </div> gratitude Online Test - Set Up Project #1 Vicky Alvando Fri, 23 Dec 2022 06:14:30 +0000 https://dev.to/vickyalvandob/creating-a-laravel-project-with-composer-mi3 https://dev.to/vickyalvandob/creating-a-laravel-project-with-composer-mi3 <p><strong>Step 1 - Create Laravel Poject</strong><br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>composer create-project --prefer-dist laravel/laravel:9.3.1 online-test </code></pre> </div> <p><strong>Step 2 - Timezone Configuration</strong><br> Please open the file <strong>config/app.hp</strong>, then look for the folowing code<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>'timezone' => 'UTC', 'locale' => 'en', </code></pre> </div> <p>And change it to be like this<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>'timezone' => 'Asia/Jakarta', 'locale' => 'id', </code></pre> </div> <p><strong>Step 3 - Database Configuration</strong><br> To connect the laravel project to the database, we just need to make a few changes in the <strong>.env</strong>. Please open the file, the look for the following code:<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>DB_DATABASE=laravel DB_USERNAME=root DB_PASSWORD= </code></pre> </div> <p>After that, change it to be like this<br> </p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>DB_DATABASE=online_test DB_USERNAME=root DB_PASSWORD= </code></pre> </div> <p>After successsfully configuring the database connection, the next step is to create the database with the name <strong>online_test</strong>.</p> changelog forem