Gradients Ninja🥷

All your favorite CSS gradients in one place🎉

Authors

• @Abdul-Wahab

Tech Stack

Client: React, Styled-components

Server: Firebase

Demo

Live Demo: https://gradients-ninja.vercel.app/

Project Layout

• components
• pages
• styles
• assets
• helpers
• Contexts
• backend (firebase utils)
• utils

Disclaimer: ENV variables

• You also need to create a Firebase account inorder to get the API KEYS for user authentication
• Create a .env file in the root directory to store all your env secrets

Installation

Clone the repo

git clone https://github.com/WahabDev12/Gradients-Ninja.git

Go into project directory

cd Gradients-Ninja

Install packages and dependencies

// Do this in the root folder

npm install

Run application

npm start

View app on localhost://3000

Screenshots

Browse, Copy and Bookmark Gradients

Generate gradient from Image

© Copyright

Made with ❤️ by © Abdul-Wahab