Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/thedannicraft/swatch-studio
Create, organize, and export color palettes with ease. Perfect for designers and developers.
https://github.com/thedannicraft/swatch-studio
color-management color-palette nextjs
Last synced: 4 days ago
JSON representation
Create, organize, and export color palettes with ease. Perfect for designers and developers.
- Host: GitHub
- URL: https://github.com/thedannicraft/swatch-studio
- Owner: TheDanniCraft
- Created: 2024-07-15T21:41:41.000Z (6 months ago)
- Default Branch: master
- Last Pushed: 2024-12-16T06:40:18.000Z (16 days ago)
- Last Synced: 2024-12-16T07:36:33.268Z (16 days ago)
- Topics: color-management, color-palette, nextjs
- Language: JavaScript
- Homepage:
- Size: 153 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.MD
Awesome Lists containing this project
README
Swatch Studio
Create, organize, and export color palettes with ease. Perfect for designers and developers.
## 🛠️Features
- Create custom color palettes
- Organize and edit palettes
- User-friendly interface
- Supports color consistency across projects
## 📖Usage
Coming soon
## 🚀 Development Build
To run a development build of this Next.js project, follow the steps below:
### Prerequisites
Make sure you have the following installed:
- **Node.js** (version 18.17 or higher required)
- **Package Manager** like: **npm**, **yarn** or **bun**
### Steps
1. **Clone the repository:**
```bash
git clone https://github.com/TheDanniCraft/swatch-studio.git
cd swatch-studio
```
2. **Install dependencies:**
Using npm:
```bash
npm install
```
Or using yarn:
```bash
yarn install
```
Or using bun:
```bash
bun install
```
3. **Run the development server:**
Using npm:
```bash
npm run dev
```
Or using yarn:
```bash
yarn dev
```
Or using bun:
```bash
bun dev
```
4. **Open your browser:**
Visit `http://localhost:3000` in your browser to see your application in development mode.
### Additional Information
- **Hot Reloading:** The development server supports hot reloading. Any changes you make to your components will automatically reflect in the browser without needing to refresh the page.
- **Linting and Formatting:** Before committing your code, you can run the following commands to check for linting and formatting issues:
Using npm:
```bash
npm run lint
```
Or using yarn:
```bash
yarn lint
```
Or using bun:
```bash
bun lint
```
If you encounter any issues, please check the [Next.js documentation](https://nextjs.org/docs) or open an issue on this repository.
Happy coding!
## 📜License
[MIT](https://choosealicense.com/licenses/mit/)
## ✍️Authors
- [@thedannicraft](https://www.github.com/thedannicraft)