Hub.bb is an image hosting service that uploads images to ImgBB's reliable image hosting infrastructure. The user can upload images through a sleek and user-friendly interface developed using HTML and Tailwind CSS. The backend service is built on Node.js and Express.js which interact with ImgBB API to upload the images. Uploaded image urls are stored and can be viewed at any time in a nice gallery view. The user also has the ability to delete and copy the url of the uploaded images.
- HTML/CSS/JavaScript (Frontend)
- Node.js and Express.js (Backend)
- Tailwind CSS (Styling)
- ImgBB (Image Hosting)
- Upload single or multiple images.
- View the uploaded images in a neat layout.
- Delete the uploaded images.
- Copy the url of the images.
Before you begin, ensure you have met the following requirements:
- Node.js installed
- Text editor such as Visual Studio Code
To use Hub.bb, follow these steps:
- Clone this repo:
git clone https://github.com/joabutt/hub.bb.git - Navigate to the project folder:
cd hub.bb- Install required dependencies:
npm install- Add your ImgBB Api Key to the .env file:
IMGBB_API_KEY=...- Start the express server:
node index.js- Fork it!
- Create your feature branch:
git checkout -b my-new-feature - Add your changes:
git add . - Commit your changes:
git commit -am 'Add some feature' - Push to the branch:
git push origin my-new-feature - Submit a pull request 😎
Give a ⭐️ if this project helped you!