Oauth Demo Frontend

RasyaJusticio

A full-stack authentication demo built with Laravel 11 (backend) and SvelteKit (frontend), showcasing both traditional email/password login and Google OAuth authentication using Passport and Socialite.

#svelte #frontend #oauth

Download

OAuth Demo Frontend

OAuth Demo is a frontend application built with SvelteKit. It provides a user interface for normal sign-in/sign-up with email and password or Google OAuth.

This project is intended to be used with OAuth Demo Backend

Routes

URL	Description
`/`	Home page. Can only be accessed after loggin in
`sign-in`	Where user can sign-in using email/password or with Google OAuth
`auth?code=XXXX`	Exchanges the auth code from backend Google callback with the access token

Run Locally

Clone the project

git clone https://github.com/RasyaJusticio/oauth-demo-frontend

Install dependencies
```
npm install
```
Setup your environment
- Copy the .env.example file to .env
```
cp .env.example .env
```
- Set your backend url
```
PUBLIC_BACKEND_URL=
```
Start the server
```
npm run dev
```

License

MIT

Top categories

tailwind daisyui admin template popup mdsvex portfolio blog form ecommerce ui carousel auth dark seo image routing