devancakra / task-5-fullstack

Investree | Virtual Internship Experience | Fullstack Web Developer | MyTour | Final Project

task-5-fullstack

Virtual Internship Experience (Investree) - Fullstack - Devan Cakra Mudra Wijaya

The theme of this project is closely related to tourism. I call this web project MyTour, the featured feature is storytelling. I think this is interesting, because users can share their precious travel moments like social media. What distinguishes this web from others is the priority of user comfort in posting photos, because the rule is that other users cannot comment or only view.

Project Requirements

Part	Description
Features	Login, Create, Read, Update, Delete, Pagination, Search, ETC
Framework	Bootstrap 5, Laravel 8, VueJS
Tools	Visual Studio Code, XAMPP (PHP Version 8), NodeJS

Download & Install

1. XAMPP with PHP version 8

   https://bit.ly/XAMPP_PHP8_Installer

   
   

2. Visual Studio Code

   https://bit.ly/VScode_Installer

   
   

3. NodeJS

   https://bit.ly/NodeJS_Installer

Database

1. Open XAMPP, then start the Apache & MySQL section. This aims to be able to support the website optimally.
   
   

2. Access the browser first in order to open the database admin panel, please copy the following link: localhost/phpmyadmin/.
   
   

3. Create a database called mytour on local.
   
   

4. Open the mytour database and Import mytour.sql in the MyTour/public/sql directory.
   
   

5. Then open the XAMP file: php.ini -> remove semicolon (;) in front of extension=intl -> save.

Default Account

Role	Email	Name	Password
Admin	[e-mail]	Anastasya Geraldine	456123
User	[e-mail]	Andikha Refanza	456123
User	[e-mail]	Alfiansyah Nukita Prada	456123

Get Started

1. Download and extract this repository.
   
   

2. Open the MyTour directory, then open CMD inside the directory.
   
   

   • First, if no error occurs then just skip this step, but if otherwise then please copy the following command:

   npm install

   
   

   • Secondly, this step is mandatory, so please copy the following command:

   npm run dev

   
   

   • Third, this step is mandatory, so please copy the following command:

   php artisan serve

   
   

3. Open Chrome -> Add extensions named Vue.js devtools.
   
   

4. Open your browser (New tab), then type -> http://127.0.0.1:8000/ or customize the one on your CMD.
   
   

5. Please login and access the features, enjoy [Done].

Highlights

Home	Registration	Login

Password Reset	Profile	Profile Edit

Write Article	Manage Archives	Change Article Feature

Article Publication	General Category	Special Category

Appreciation

If this work is useful to you, then support this work as a form of appreciation to the author by clicking the ⭐Star button at the top of the repository.

Disclaimer

This application has been created by including third-party sources. Third parties here are service providers, whose services are in the form of libraries, frameworks, and others. I thank you very much for the service. It has proven to be very helpful and implementable.

LICENSE

MIT License - Copyright © 2022 - Devan C. M. Wijaya, S.Kom

Permission is hereby granted without charge to any person obtaining a copy of this software and the software-related documentation files to deal in them without restriction, including without limitation the right to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons receiving the Software to be furnished therewith on the following terms:

The above copyright notice and this permission notice must accompany all copies or substantial portions of the Software.

IN ANY EVENT, THE AUTHOR OR COPYRIGHT HOLDER HEREIN RETAINS FULL OWNERSHIP RIGHTS. THE SOFTWARE IS PROVIDED AS IS, WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, THEREFORE IF ANY DAMAGE, LOSS, OR OTHERWISE ARISES FROM THE USE OR OTHER DEALINGS IN THE SOFTWARE, THE AUTHOR OR COPYRIGHT HOLDER SHALL NOT BE LIABLE, AS THE USE OF THE SOFTWARE IS NOT COMPELLED AT ALL, SO THE RISK IS YOUR OWN.