Coder Social home page Coder Social logo

femwang / meet-me Goto Github PK

View Code? Open in Web Editor NEW

This project forked from denoland/meet-me

0.0 0.0 0.0 1.28 MB

A calendly clone in Deno and hosted on Deno Deploy

Home Page: https://meet-me.deno.dev/

License: MIT License

Shell 0.27% TypeScript 99.33% CSS 0.10% HTML 0.30%

meet-me's Introduction

Meet Me

calendly clone in Deno

Google Trust and Safety verification

This app uses Google Calendar API and the app is now being reviewed by Google's Trust and Safety team for verification. If you'd like to try this app by yourself at this point, please click the below links and approve the app on your own risk while signing in to the app.

Development

First copy .env.example to .env and set CLIENT_ID, CLIENT_SECRET, and FIREBASE_* appropriate values.

Then run the deployment locally:

deno task dev

This starts Meet Me service in your local machine.

Testing

Start the firestore emulator by the below command (You need Node.js and Java > 11 to run the emulator):

deno task firestore-emulator

In another terminal window, run the below command to run the unit tests:

deno task test

Visual Design

https://www.figma.com/file/P0XsTDIeiwNhm8jFS03gwz/Deno-Cal

LICENSE

MIT License

Notes

How to configure GCP Resources

You need Google Cloud Platform Project to develop this app.

  • First go to GCP Console and create a project.
  • Then go to APIs & Services.
  • Enable Calendar API from + ENABLE APIS AND SERVICES link.
  • In OAuth consent screen tab, set up the project's consent screen.
  • In Credentials tab, create OAuth client ID with Web application type.
    • Under Authorized JavaScript origins add http://localhost:3000
    • Under Authorized redirect URIs add http://localhost:3000/api/authorize
  • Then you'll find client id and client secret of the oauth client.
  • Copy those values and set them as CLIENT_ID and CLIENT_SECRET in .env

Now setup Firebase:

  • Go to https://console.firebase.google.com/ and click Create a project.
  • Select the project you created above.
  • Select your preferred billing and analytics options.
  • Wait while your Firebase app is created.
  • From the Overview screen add a Web app (currently represented with a </> icon).
  • Don't add Firebase hosting, as you'll be using Deno Deploy.
  • You'll be presented with some JavaScript code including firebaseConfig. Copy those values to the appropriate place in .env. (If you didn't enable analytics there will not be a value for FIREBASE_MEASUREMENT_ID).
  • Click back to the Overview screen, click Cloud Firestore, and then Create database.
  • Start in production mode.
  • Select a Firestore location, the default is probably good, and then Enable.
  • Click to the Rules tab, copy the content of firestore.rules, and click Publish.
  • Now head to Overview, then Storage. You might need to click See all Build features.
  • Under the Rules tab, copy the content of storage.rules, and click Publish.

You should now be able to start the app locally with the instructions in Development. If you see a an error similar to Could not reach Cloud Firestore backend then you may need to wait awhile for Firestore to be available.

For Deno Land employees:

  • You can find these values in Meet Me API Credentials section in the password manager.

meet-me's People

Contributors

kt3k avatar ije avatar kitsonk avatar anishkny avatar arnauorriols avatar dsherret avatar klevente avatar ry avatar satyarohith avatar stuk avatar github-actions[bot] 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.