Code Monkey home page Code Monkey logo

skill-test-refactory's Introduction

Penjelasan Alur Aplikasi OAuth Google/Facebook

alt text

Pertama user mengunjungi halaman utama website, kemudian ketika user menekan tombol login menggunakan google/facebook maka aplikasi frontend akan mengirim request ke backend dengan endpoint berikut ('/auth/google'). kemudian service oauth dari google/facebook akan menampilkan halaman persetujuan.

Setelah user menerima persetujuan, service oauth dari google/facebook akan mengerimkan code authentikasi yang kemudian disimpan di cookie.

Kemudian dari backend akan mengirimkan clientId dan clientSecret ke oAuth google/facebook. Selanjutnya service google/facebook akan merespon dengan mengembalikan access token, refresh token dan data profile user yang login.

Backend kemudian menyimpan data profile user yang login ke database.


Cara Instalasi Aplikasi OAuth

Berikut cara menjalankan aplikasi :

  1. Jalankan perintah 'npm install' di folder frontend dan backend
  2. Jalankan aplikasi backend dengan perintah berikut 'npm run start:dev'
  3. Jalankan aplikasi frontend dengan perintah berikut 'npm start'
  4. Buka browser melalui URI berikut : http://localhost:3000

Screenshot Project

alt text

skill-test-refactory's People

Contributors

fadzrinmadu avatar

Stargazers

 avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.