Laravel 9 & React Event Calendar

Overview

Screenshot at 2022-04-03 16-35-43

###Event Calendar

##Projeyi docker üzerinde ayağa kaldırma

#Acount Service

  1. accountService klasörü içine girerek docker-compose up --build komutu ile accountService yi ayağa kaldır.
  2. Docker exec -it accountservice_account_1(container adı) sh komutu ile docker containeri içerisine gir.
  3. php artisan migrate komutu ile veritabanını içeri aktar.

bu 3 adımı uyguladıktan sonra accountService miz hazır şimdi calendarServiceyi ayağa kaldıracağız

#Calendar Service

  1. calendarService klasörü içine girerek docker-compose up --build komutu ile CalendarService yi ayağa kaldır.
  2. docker exec -it calendarservice_calendar_1(container adı) komutu ile docker containeri içerisine gir.
  3. php artisan migrate komutu ile veritabanını içeri aktar.

ve accountService mizde hazır şimdi arayüzü ayağı kaldıracağız.

#FrontEnd

  1. calendarApp klasörü içine girerek docker-compose up --build komutu ile FrontEnd i ayağa kaldır.

son adımımızıda yaparak projemiz hazır hale geldi.

#Arayüz adresi
http://localhost:3000/ adresi ile projemizi açıyoruz. Karşımıza gelen ekranda kullanıcı kaydımızı yapıyoruz ve bizi takvimimize yönlendiriyor. yeni bir event oluşturmak için gün sayılarının üstüne tıklayarak eventimizi oluşturuyoruz. Oluşturduğumuz eventi güncellemek ve silmek içinde eventin üstüne tıklayarak güncelleyip siliyoruz.
#Endpoint
http://localhost:8000/api/register
//Kullanıcı kayıt. name, email, password. METHOD: POST
http://localhost:8000/api/login
//Kullanıcı giriş. email, password. METHOD: POST
http://localhost:8000/api/logout
//Kullanıcı çıkış. Bearer + token(kullanıcı kayıt olduktan sonra oluşturulan token). METHOD: POST

http://localhost:8001/api/events
//Tüm eventleri görüntüle. METHOD: GET
http://localhost:8001/api/event/{id}
//Seçilen id deki eventi görüntüle. METHOD: GET
http://localhost:8001/api/event
//Yeni event oluştur title, description, date(unixtime), userid. METHOD: POST
http://localhost:8001/api/event/{id}
//Event güncelleme. title, description, date(unixtime), userid. METHOD: PUT
http://localhost:8001/api/event/{id}
//Event sil. METHOD: DELETE


#Anahtar Kodu
gAAAAABiMFMZ1OWEeJZ0f9Kt4b4ULUDeGWzOEW1ib0H_EdZo1Gpla1k5_rgqcspwMt_C5oZVhSLjRrUo8DgefzJXwYirCPbLu3quHNgVJgst8tsjuFLrvNUPemYVmePIs2XrMLV4H3cicOfUy3XMhXgtOX78LTZtbzKvnxitUCCDyZ_Qc-cIzxAJJvT4NZJ-kaoOGLn3EAP9HYIR9aEW4zTSCIscv7Msm1q2NITnAxfmQn5eQkp4xfWrBPxFP5Yevv30cE0a_qX4

You might also like...
Laravel package to convert AD to BS that can work with carbon.
Laravel package to convert AD to BS that can work with carbon.

Laravel Nepali Date Converter Laravel package to convert AD to BS that can work with carbon. Installation You can install the package via composer: co

Clase Calendario Colombia Calculo de Festivos, Manejo de Fechas, Migraciones Laravel
Clase Calendario Colombia Calculo de Festivos, Manejo de Fechas, Migraciones Laravel

Calendario Colombia | Calendar Colombia | Laravel (^5) Control del Calendario de Colombia desde llamado de métodos de Clase. PHP (^7.4). Control fácil

Symfony React Blank is a blank symfony and react project, use this template to start your app using Symfony as an backend api and React as a frontend library.

Symfony React Blank Symfony React Blank is a blank symfony and react project, use this template to start your app using Symfony as an backend api and

Featured Calendar Maker v1.0 multingual extends the functionalities of the latest version of the FullCalendar (5.3.2), the most popular and completed JavaScript Calendar open source
Featured Calendar Maker v1.0 multingual extends the functionalities of the latest version of the FullCalendar (5.3.2), the most popular and completed JavaScript Calendar open source

Featured Calendar Maker v1.0 multingual extends the functionalities of the latest version of the FullCalendar (5.3.2), the most popular and completed JavaScript Calendar open source.

A minimalistic event calendar Tool for Laravel's Nova 4
A minimalistic event calendar Tool for Laravel's Nova 4

Event calendar for Laravel Nova 4 An event calendar that displays Nova resources or other time-related data in your Nova 4 project on a monthly calend

Simple Event/Calendar
Simple Event/Calendar

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files

Laravel 8 + React + Typescript + React Router v4 + Hot Module Reloading
Laravel 8 + React + Typescript + React Router v4 + Hot Module Reloading

Laravel React Typescript Boilerplate An opinionated boilerplate based on Laravel 8.*, React 16 and Typescript empowering you to get off the ground qui

WP React Plugin Boilerplate - WordPress Setting via React and Rest API
WP React Plugin Boilerplate - WordPress Setting via React and Rest API

WP React Plugin Boilerplate is a starter WordPress plugin to develop WordPress Plugin via React and Rest API. WP React Plugin Boilerplate WP React Plu

🔪 WordPress + React Starter Kit: Spin up a WordPress-powered React app in one step
🔪 WordPress + React Starter Kit: Spin up a WordPress-powered React app in one step

Postlight's Headless WordPress + React Starter Kit is an automated toolset that will spin up three things: A WordPress backend that serves its data vi

Flexible Calendar for Laravel 4

Laravel 4 Calendar Flexible Calendar for Laravel 4, supports Month, Week and Day Views and multiple events per date. To change the view type dynamical

Laravel Livewire component to show Events in a good looking monthly calendar
Laravel Livewire component to show Events in a good looking monthly calendar

Livewire Calendar This package allows you to build a Livewire monthly calendar grid to show events for each day. Events can be loaded from within the

The missing PHP 5.3+ calendar management library.

CalendR CalendR is an Object Oriented Calendar management library on top of PHP5.3+ Date objects. You can use it to deal with all your needs about cal

Add The Events Calendar support to Sage 10.

The Events Calendar support for Sage 10 Add The Events Calendar support to Sage 10. For the time being there can only be a blade view, the default-tem

ReCalendar - highly customizable calendar for ReMarkable tablets

ReCalendar Highly customizable calendar for ReMarkable tablets ReCalendar allows you to generate your own, personalized calendar using PHP and the mPD

Display a calendar of commits from public GitHub repositories

commit-calendar Display a list of dates and commits from public GitHub repositories. You will display the list in the terminal, and you can choose to

This helps with public holiday info using google calendar api

Public Holiday This package uses the Google Calendar API to fetch public holidays. The data always comes with 3 years data; the previous year, the cur

Connect Nios4 with Google Calendar via PHP

Nios4_Google_Calendar Connect Nios4 with Google Calendar via PHP ISTRUZIONI INTEGRAZIONE GOOGLE CALENDAR CON NIOS4. Guida per l'integrazione del calen

📆 Calendar app for Nextcloud
📆 Calendar app for Nextcloud

Nextcloud Calendar A calendar app for Nextcloud. Easily sync events from various devices with your Nextcloud and edit them online. 💙 🎉 Why is this s

Manage events on a Google Calendar
Manage events on a Google Calendar

Manage events on a Google Calendar This package makes working with a Google Calendar a breeze. Once it has been set up you can do these things: use Sp

Owner
Muhammed Mustafa Bulut
Mersin Üniversitesi
Muhammed Mustafa Bulut
Simple Event/Calendar

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files

TolisM 2 Feb 1, 2022
Flexible Calendar for Laravel 4

Laravel 4 Calendar Flexible Calendar for Laravel 4, supports Month, Week and Day Views and multiple events per date. To change the view type dynamical

null 59 Dec 24, 2022
The missing PHP 5.3+ calendar management library.

CalendR CalendR is an Object Oriented Calendar management library on top of PHP5.3+ Date objects. You can use it to deal with all your needs about cal

Yohan Giarelli 462 Dec 30, 2022
ReCalendar - highly customizable calendar for ReMarkable tablets

ReCalendar Highly customizable calendar for ReMarkable tablets ReCalendar allows you to generate your own, personalized calendar using PHP and the mPD

Igor Klimer 172 Oct 17, 2022
Display a calendar of commits from public GitHub repositories

commit-calendar Display a list of dates and commits from public GitHub repositories. You will display the list in the terminal, and you can choose to

Erika Gili 5 Jul 23, 2021
This helps with public holiday info using google calendar api

Public Holiday This package uses the Google Calendar API to fetch public holidays. The data always comes with 3 years data; the previous year, the cur

Temitope Olotin 5 Jul 13, 2022
📆 Calendar app for Nextcloud

Nextcloud Calendar A calendar app for Nextcloud. Easily sync events from various devices with your Nextcloud and edit them online. ?? ?? Why is this s

Nextcloud 801 Dec 29, 2022
Manage events on a Google Calendar

Manage events on a Google Calendar This package makes working with a Google Calendar a breeze. Once it has been set up you can do these things: use Sp

Spatie 1k Dec 31, 2022
A package which provides a monthly calendar with days and events depending on given months and events.

A package which provides a monthly calendar with days and events depending on given months and events. This is where your description should go. Try a

MichaB 6 Nov 1, 2022
TeamCal Neo is a web application of a day-based calendar

TeamCal Neo is a web application of a day-based calendar. It's generic purpose is the absence and event management of project teams, music bands and other groups needing a scheduler that focusses on days.

George Lewe 3 Nov 15, 2022