내가 만든 것

여러 Google 계정의 스프레드시트를 한 곳에서 관리하는 데 도움이 되는 스프레드시트 관리자 앱입니다.

카테고리 제출:

비즈니스용으로 제작

앱 링크

https://omega-server-ydvm2.ondigitalocean.app/

스크린샷

로그인 페이지

가입 페이지

대시보드 페이지(데이터 없음)

구독 페이지(데이터 없음)

구독 페이지(구독 포함)

구독 페이지에 스프레드시트 추가

대시보드 페이지(데이터 포함)

설명

기술 스택

백엔드: Node JS 및 Express JS

프런트엔드: React JS, Redux

데이터베이스 : 몽고DB

특징

사용자 이름과 암호로 로그인

Google 계정을 구독으로 추가

가입한 Google 계정에서 스프레드시트 추가

대시보드에서 모든 구독 스프레드시트 가져오기

소스 코드 링크

오메가 서버: https://github.com/devsmranjan/omega-server

오메가 클라이언트: https://github.com/devsmranjan/omega-client

허용 라이선스

MIT license

배경

다른 Google 계정에 다른 스프레드시트가 있습니다. 그러나 모든 계정에서 이러한 스프레드시트를 한 곳에서 관리할 수 있는 방법은 없습니다. 이 앱을 사용하면 여러 Google 계정의 스프레드시트를 한 곳에서 관리할 수 있습니다.

내가 만든 방법

여기, 이 프로젝트에서 우리는 주로,

사용자 이름 및 암호를 사용한 인증을 위한 JWT

SendGrid는 이메일 확인, 암호 확인 URL을 보냅니다.

Google 계정을 추가하기 위한 Google OAuth2

모든 스프레드시트를 가져오기 위한 Google 드라이브 API 및 Google 스프레드시트 API.

추가 리소스/정보

이 프로젝트를 실행하려면

섬기는 사람

here

에서 오메가 서버 레포 복제

루트 디렉터리에 파일 추가.env

내부.env에 다음 변수를 추가합니다.

* API_ENDPOINT=<API Endpoint ex: /api>
* SERVER_ROUTE=<Inital route of server after domain name. ex: /app>
* CLIENT_URL=<Client URL ex: http://localhost:3000>
* MONGO_URI=<MongoDB URI>
* JWT_SECRET=<Random String for JWT Secret>
* SENDGRID_API_KEY=<Sengrid API Key>
* SENDGRID_FROM_EMAIL=<Email of the sender>
* GOOGLE_CLIENT_ID=<Google Client ID>
* GOOGLE_CLIENT_SECRET=<Google Client Secret>

npm install를 실행하여 모든 종속성을 설치합니다.

이제 npm run dev를 실행하여 포트8000에서 서버를 실행합니다.

고객

here

에서 복제 Omega 클라이언트 레포

루트 디렉터리에 파일 추가.env

내부.env에 다음 변수를 추가합니다.

* REACT_APP_SERVER_ENDPOINT=<Server API Endpoint ex: /api>
* SERVER_URL=<Server URL ex: http://localhost:5000>

npm install를 실행하여 모든 종속성을 설치합니다.

이제 npm start를 실행하여 포트3000에서 서버를 실행합니다.