Tonemify

Tonemify is a web application designed to help users generate, prototype and manage shadcn themes effortlessly. With a user-friendly interface and powerful features, Tonemify allows you to fine tune your themes with ease.

Features

Theme Generation: Create custom themes using a simple and intuitive interface.
Theme Management: Save, edit, and delete your themes as needed.
Responsive Design: Works seamlessly on both desktop and mobile devices.
Dark Mode Support: Easily switch between light and dark themes.
Clipboard Integration: Copy your generated themes directly to your clipboard for easy use.

Technologies Used

Frontend: React, Next.js, TypeScript
Styling: Tailwind CSS, ShadCN
Icons: Lucide React
Toast Notifications: Sonner

Getting Started

To get a local copy up and running, follow these steps:

Prerequisites

Node.js (version 14 or higher)
npm or yarn

Installation

Clone the repository:

git clone https://github.com/BarriosXJavier/tonemify.git

Navigate to the project directory:
```
cd tonemify
```
Install the dependencies:
```
npm install
# or
yarn install
```
Note that for this project, I used Bun
Start the development server:
```
npm run dev
# or
yarn dev
```
Open your browser and go to http://localhost:3000.

Usage

Creating a Theme: Use the theme generator to create a new theme. Adjust the colors and settings as desired.
Saving a Theme: Once you're satisfied with your theme, save it for future use.
Managing Themes: Access your saved themes to edit or delete them as needed.

Contributing

Contributions are welcome! If you have suggestions for improvements or new features, feel free to open an issue or submit a pull request.

Fork the repository.
Create your feature branch:
```
git checkout -b feature/YourFeature
```
Commit your changes:
```
git commit -m 'Add some feature'
```
Push to the branch:
```
git push origin feature/YourFeature
```
Open a pull request.

Contact

Author: David
Email: email
GitHub: BarriosXJavier

Feel free to reach out if you have any questions or feedback!