Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/adedoyin-emmanuel/badass

A tool for image manipulation
https://github.com/adedoyin-emmanuel/badass

background-remover badass bulk-downloader image-converter image-manipulation image-manipulator image-processing php reactjs

Last synced: about 2 months ago
JSON representation

A tool for image manipulation

Awesome Lists containing this project

README

        

# Badass :)
## All The Tools For Image Manipulation In One Place!

### Table Of Content

- [Introduction](#Introduction)
- [Screenshots | Project Images](#Images)
- [Technologies](#Technologies)
- [Backend API](#Backend-API)
- [Live Site](#Live-Site)
- [Author](#author)

#### Introduction

Badass is an application built for image manipulation, with Badass, you can **Remove image background**, **Convert image files from one format to another**, **Download multiple images at once**. Now you might ask me, why did i build **Badass**? well I discovered when working on any project, I do 3 things almost everytime,

1. Downloading multiple image assets for my project.
2. Twerking some images **eg** removing the background
3. Converting image files from one form to another eg converting **.png** to **.ico** for **favicon** or converting **.png** to **.svg**

And usually I spend too much time on this surfing the web for good assets and all, so I built a tool to do it all for me!

#### Images

![screenshot of the main website](/src/assets/screenshots/main-website.png)
![screenshot of the Convert Page](/src/assets/screenshots/screenshot1.png)
![screenshot of the Convert Page](/src/assets/screenshots/screenshot2.png)
![screenshot of the Convert Page](/src/assets/screenshots/screenshot3.png)
![screenshot of the Remove Background Page](/src/assets/screenshots/screenshot4.png)
![screenshot of the Remove Background Page](/src/assets/screenshots/screenshot5.png)
![screenshot of the Bulk Image Downloader Page](/src/assets/screenshots/screenshot6.png)
![screenshot of the Bulk Image Downloader Page](/src/assets/screenshots/screenshot7.png)
![screenshot of the Bulk Image Downloader Page](/src/assets/screenshots/screenshot8.png)
![screenshot of the Bulk Image Downloader Result [PackView] Page](/src/assets/screenshots/screenshot9.png)
![screenshot of the Bulk Image Downloader Result [PackView] Page](/src/assets/screenshots/screenshot10.png)

#### Technologies
Below are the technologies I used;
- **ReactJS**
- **Typescript**
- **PWA Technology**
- **Bootstrap 5**
- **Vanilla CSS**
- **Jquery**
- **PHP**
- **Composer Tool**

#### Backend-API
**see https://github.com/Adedoyin-Emmanuel/Badass-Backend**

#### Live-Site
**[Badass App](https://badass-app.vercel.app/)**

#### Author

I am Adedoyin Emmanuel Adeniyi

*follow me* **[@Twitter](https://twitter.com/Emmysoft_Tm/)**
*my portfolio* **[@My-Portfolio](https://adedoyin-emmanuel.netlify.app/)**