Skip to content
/ coolos Public

🌈 Discover Colors with Speed and Ease: Your Quick and Simple Color Companion!

License

Notifications You must be signed in to change notification settings

hehehai/coolos

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Coolos

Discover Colors with Speed and Ease: Your Quick and Simple Color Companion!
Coolos is a color picker website developed using the Next.js technology stack, inspired by Coolors.

Table of contents

TOC


✨ Features

  • πŸ’‘ Color Picker: Users can easily select colors using the color picker tool, allowing them to choose from a wide range of colors and obtain their corresponding color codes.
  • 🌈 Color Generator: The website provides a color generator feature that generates random colors or suggests color combinations based on user preferences, helping users discover new color schemes.
  • 🎨 Color Palette: Users can create and manage color palettes, allowing them to organize and save their favorite colors for future reference.
  • πŸŒ“ Color Contrast: The website offers a color contrast feature that allows users to check the contrast between two colors, ensuring accessibility and readability in design.
  • πŸ“Š Palette Rankings: Users can explore popular color palettes through the palette rankings, providing inspiration and trends for color selection.
  • πŸ” Login and Account Management: The website supports user accounts, allowing users to create an account, log in, and manage their saved colors and palettes across multiple devices.
  • πŸ’Ύ Color and Palette Saving: Users can save their selected colors and created palettes, ensuring that they can access and use them later.
  • 🎨 **Color Editing: The website provides tools for modifying and adjusting colors, including brightness, saturation, and hue, allowing users to fine-tune their color choices.
  • 🌈 Color Scheme Suggestions: Users can receive color scheme suggestions based on their selected colors or preferences, assisting them in creating harmonious and visually appealing designs.

Important

Star Us, You will receive all release notifications from GitHub without any delay ~ ⭐️

πŸ› οΈ Technology stack

πŸ“Έ Snapshot

πŸ›³ Self Hosting

Deploying with Vercel

If you want to deploy this service yourself on Vercel, you can follow these steps:

  • Config env Environment Variable
  • After deployment, you can start using it.
  • Bind a custom domain (optional): The DNS of the domain assigned by Vercel is polluted in some areas; binding a custom domain can connect directly.

Tip

If you are a Chinese user, you can configure vercel China Resolution address [CNAME]: cname-china.vercel-dns.com


Environment Variable

This project provides some additional configuration items set with environment variables:

Environment Variable Required Description Example
NEXT_PUBLIC_APP_URL Yes This is the absolute address of the application URL. http://localhost:3000
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY Yes Clerk Auth doc pk_test_xxxxx
CLERK_SECRET_KEY Yes Clerk Auth doc sk_test_xxxxx
NEXT_PUBLIC_CLERK_SIGN_IN_URL Yes Clerk After SignIn doc /sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL Yes Clerk After SignIn doc /sign-up
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL Yes Clerk After SignIn doc /
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL Yes Clerk After SignIn doc /
POSTGRES_URL Yes Vercel Postgres doc xxxxx
POSTGRES_PRISMA_URL Yes Vercel Postgres doc xxxxx
POSTGRES_URL_NON_POOLING Yes Vercel Postgres doc xxxxx
POSTGRES_USER Yes Vercel Postgres doc xxxxx
POSTGRES_HOST Yes Vercel Postgres doc xxxxx
POSTGRES_PASSWORD Yes Vercel Postgres doc xxxxx
POSTGRES_DATABASE Yes Vercel Postgres doc xxxxx
RESEND_API_KEY Yes Resend API key xxxxx

⌨️ Local Development

You can use GitHub Codespaces for online development:

Or clone it for local development:

git clone https://github.com/hehehai/coolos.git
cd coolos
bun install
bun dev

🀝 Contributing

Contributions of all types are more than welcome; if you are interested in contributing code, feel free to check out our GitHub Issues to get stuck in to show us what you’re made of.


πŸ“ License

FOSSA Status

Copyright Β© 2023 Coolos.
This project is MIT licensed.

About

🌈 Discover Colors with Speed and Ease: Your Quick and Simple Color Companion!

Topics

Resources

License

Stars

Watchers

Forks