Twitter Art Collection
A web app to organize arts and photos from your Twitter likes!
There are a surprising amount of amazing art on Twitter, and once you accumulate a large amount of likes it gets rather hard to go back and find old art, unless you're willing to scroll for while.
This app is designed for those who have this issue, whether you're an art connoisseur who wants to view their collection or a Twitter artist who's looking to organize their references.
Usage
- Sign into Twitter through the app to load your liked images.
- Click on "Add Tag" in the header to create a new Tag.
- Click the bookmark icon above each Tweet to add it to a Tag.
- Click on the tag name in the header to see tagged images!
For Developers
Setup
Requirements
- Node/NPM
- Twitter API access
- MongoDB
- Redis
Installation
- Clone the repository.
- Install the project dependencies:
npm run install- Copy
.sample.envand rename it to.envand fill in the environment variables.
Running
- Run
npm run devto start the web app for development.
npm run dev- View the app on
http://localhost:3000.
Environment Variables
Environment variables are required for authorizing various services used by the application. Locally, these are loaded from the .env file. When hosting online, environment variables are usually found in each app's setting page.
| Name | Description |
|---|---|
| TWITTER_AUTH_VER | The twitter auth version. Should be set to 1.0 for the time being |
| TWITTER_BEARER_TOKEN | For Twitter api usage |
| TWITTER_API_KEY/TWITTER_CLIENT_ID | Twitter consumer key (for user authentication) |
| TWITTER_API_SECRET/TWITTER_CLIENT_SECRET | Twitter consumer secret (for user authentication) |
| NEXTAUTH_URL | Base URL of website for redirecting (i.e. http://localhost:3000). See next-auth.js.org/configuration/options |
| NEXTAUTH_SECRET | Encryption key for authentication. Set it to a random string. See next-auth.js.org/configuration/options |
| MONGODB_URI | URI for mongodb |
| REDIS_URL | URL for redis |