https://github.com/kubesimplify/kubetweet
Repo for automating kubesimplify Tweets
https://github.com/kubesimplify/kubetweet
hacktoberfest hacktoberfest-accepted
Last synced: 2 months ago
JSON representation
Repo for automating kubesimplify Tweets
- Host: GitHub
- URL: https://github.com/kubesimplify/kubetweet
- Owner: kubesimplify
- License: apache-2.0
- Created: 2022-09-30T12:45:29.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-11-08T03:16:24.000Z (over 2 years ago)
- Last Synced: 2025-03-28T22:34:44.716Z (3 months ago)
- Topics: hacktoberfest, hacktoberfest-accepted
- Language: JavaScript
- Homepage:
- Size: 435 KB
- Stars: 9
- Watchers: 2
- Forks: 6
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
# How to get Started :bulb:
### 1. Apply for a Twitter Developer Account and create a new Project App.
### 2. Change the User Authentication settings of Your Project on Twitter Developer Portal.
Click on the edit button and change the given settings.
1. Allow the "Read and Write" permission in the "App Permission" Section.
1. Select the "Web App, Automated App, or Bot" in "Type of App" section.
1. Add this Callback Url in App info section and any Website Url in the website url input.
```text
http://127.0.0.1:5000/callback
```
### 3. Create a Supabase App [here](https://app.supabase.com/)
Setup Database and authentication with Emails.
#### 1. Create two new tables with names `states` and `token`.
Make sure your name matches the name of the above images.
#### 2. Setup Supabase Authentication.
After Deployment, make sure you disable Sign Up after signing in yourself otherwise others can also Sign Up to your application.
### 4. Clone the repo to your local device:
```
git clone https://github.com/kubesimplify/kubetweet.git
cd kubetweet
```
### 5. Install the Dependencies
```
cd frontend
npm install
cd ../backend
npm install
```
### 6. Ready your Backend
Create a `.env` file in your backend folder and add the following data.
```
CLIENT_ID =
CLIENT_SECRET =
BEARER_TOKEN =
SUPABASE_PROJECT_URL=
SUPABASE_PROJECT_ANON_API_KEY=
```
### 7. Go to the `config.js` file in the backend folder and add your TwitterAccountId on line 17
You can get your Twitter User Id from [here](https://tweeterid.com/) in case you don't know.
### 8. Now our express server (backend) is ready to run.
Run the backend server by using these commands
```
npm start
```
or
```
npm run dev
```
### 9. Now Let's Authorise the Twitter API by your Twitter Account
Go to http://localhost:5000/auth and Click on Authorise and it will Authorise your project to post Tweets and it will redirect you to Callback Url.
Our Backend is ready now 🥳
### 10. Now Let's Ready our Frontend Application by creating a `.env` file in the frontend folder
Add the following lines
```
REACT_APP_SUPABASE_URL=
REACT_APP_SUPABASE_ANON_KEY=
```
Open another terminal and run your frontend application.
```
npm start
```
Our Frontend is also ready 🥳🥳.
## Now you can post Tweets and Retweets other tweets easily. 🥳🚀
Make sure your both frontend and backend Application is running.
## Things to keep in mind while deploying both frontend and backend
1. Change the Deployed Backend Url in `frontend/src/constants/constant.js` folder.
1. Add the Deployed frontend Url in `backend/server.js` in whitelist on line 12 and remove others Urls.