https://github.com/khaouitiabdelhakim/gradify-nuxt.js
Gradify is a web application that makes exploring and copying beautiful gradients a breeze. Discover colors and bring inspiration to your projects with ease.
https://github.com/khaouitiabdelhakim/gradify-nuxt.js
colors css gradient-descent html javascript nuxt nuxt3
Last synced: 6 months ago
JSON representation
Gradify is a web application that makes exploring and copying beautiful gradients a breeze. Discover colors and bring inspiration to your projects with ease.
- Host: GitHub
- URL: https://github.com/khaouitiabdelhakim/gradify-nuxt.js
- Owner: khaouitiabdelhakim
- Created: 2024-11-02T23:03:45.000Z (11 months ago)
- Default Branch: master
- Last Pushed: 2024-11-02T23:43:35.000Z (11 months ago)
- Last Synced: 2025-04-10T00:51:03.639Z (6 months ago)
- Topics: colors, css, gradient-descent, html, javascript, nuxt, nuxt3
- Language: Vue
- Homepage: https://gradify-alpha.vercel.app
- Size: 708 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 
# Gradify: Gradient and Simplify
Your Color Palette, Simplified.
Gradify is a web application that makes exploring and copying beautiful gradients a breeze. Discover colors and bring inspiration to your projects with ease.
## Features
- **Beautiful Gradients**: Browse a variety of stunning gradients.
- **Hex Code Display**: Easily view and copy hex codes for each gradient.
- **Responsive Design**: Works seamlessly on desktop and mobile devices.
## Technologies Used
- **Vue.js**: The front-end framework.
- **Nuxt.js**: For server-side rendering and enhanced performance.
- **Font Awesome**: For social media icons.
- **CSS**: For styling.
## Installation
To get a local copy up and running, follow these simple steps:
1. Clone the repository:
```bash
git clone https://github.com/khaouitiabdelhakim/gradify.git
cd gradify
```
2. Install the dependencies:
```bash
npm install
```
3. Run the development server:
```bash
npm run dev
```
4. Open your browser and navigate to `http://localhost:3000` to view the app.
## Usage
1. Explore various gradients on the main page.
2. Click on a gradient card to view the hex codes.
3. Hover over the hex codes to copy them to your clipboard.
## Contributing
Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.
To contribute:
1. Fork the repository.
2. Create a new branch (`git checkout -b feature/YourFeature`).
3. Make your changes and commit them (`git commit -m 'Add some feature'`).
4. Push to the branch (`git push origin feature/YourFeature`).
5. Open a Pull Request.
## Contact
KHAOUITI Abdelhakim - [khaouitiabdelhakim@gmail.com](mailto:khaouitiabdelhakim@gmail.com)
GitHub: [khaouitiabdelhakim](https://github.com/khaouitiabdelhakim)
LinkedIn: [Khaouiti Abdelhakim](https://www.linkedin.com/in/khaouitiabdelhakim/)