https://github.com/flashblaze/image-manipulation
Image manipulation website
https://github.com/flashblaze/image-manipulation
antd express nextjs nodejs react sharp
Last synced: 3 months ago
JSON representation
Image manipulation website
- Host: GitHub
- URL: https://github.com/flashblaze/image-manipulation
- Owner: flashblaze
- Created: 2020-03-14T05:54:57.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2022-06-01T23:41:22.000Z (about 4 years ago)
- Last Synced: 2026-01-03T16:27:23.500Z (6 months ago)
- Topics: antd, express, nextjs, nodejs, react, sharp
- Language: JavaScript
- Homepage: https://calm-garden-78445.herokuapp.com/
- Size: 758 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# image-manipulation
A simple image manipulation website created in React and Node
# Installation and usage
1. Clone the repo using `git clone https://github.com/FlashBlaze/image-manipulation.git`
2. Go into directory `cd image-manipulation` and install dependencies `npm install`
3. Register an application on [Imgur](https://api.imgur.com/oauth2/addclient)
- Choose your application name
- Choose `OAuth 2 authorization without a callback URL`
- Skip Application website
- Enter your email and description
- Copy the `Client ID`
4. Create `.env` file at the root of directory and paste the Client ID like so
`CLIENT_ID=your_value_here`
5. After installation, run the app `npm run dev-nodemon` and go to http://localhost:3000 in your preferred browser to view the site
### Frontend:
- React
- Next
- Antd
### Backend:
- Express
- Sharp
- Imgur API
#### Why Heroku? Isn't Zeit preferred for Next.js?
Initially the site was hosted on [Zeit](https://zeit.co). However, it does not appear to support file uploading (at least for me it didn't). As a result, it is now being hosted on [Heroku](https://heroku.com)