https://github.com/gh-aam/color-scheme-viewer
Vanilla JavaScript project, Color Scheme Viewer.
https://github.com/gh-aam/color-scheme-viewer
css css-grid css-grid-layout css3 html html-css html-css-javascript html-css-js html5 html5-css3 javascript javascript-applications javascript-es6 javascript-project javascript-vanilla
Last synced: about 1 month ago
JSON representation
Vanilla JavaScript project, Color Scheme Viewer.
- Host: GitHub
- URL: https://github.com/gh-aam/color-scheme-viewer
- Owner: gh-aam
- License: mit
- Created: 2025-03-29T14:50:17.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-30T22:14:05.000Z (about 1 year ago)
- Last Synced: 2025-04-30T23:24:43.510Z (about 1 year ago)
- Topics: css, css-grid, css-grid-layout, css3, html, html-css, html-css-javascript, html-css-js, html5, html5-css3, javascript, javascript-applications, javascript-es6, javascript-project, javascript-vanilla
- Language: JavaScript
- Homepage: https://gh-aam.github.io/color-scheme-viewer/
- Size: 10.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Color Scheme Viewer
`Color Scheme Viewer` is a tool built to help visualize and explore different color schemes.
## Features
- **Interactive Preview:** Instantly see how different color schemes look in real time.
- **Responsive Design:** Enjoy a seamless experience on desktops, tablets, and mobile devices.
## Demo
Check out the live demo of the project [here](https://gh-aam.github.io/color-scheme-viewer/).
## Getting Started
To get started, follow these steps:
1. Clone the Repository:
```bash
git clone https://github.com/gh-aam/color-scheme-viewer.git
```
2. Navigate to the Project Directory:
```bash
cd color-scheme-viewer
```
3. Open `index.html` in your favorite browser.
## Usage
This project is a static site and can be hosted on any web server. Simply upload the files to your server or use a static site hosting service like `GitHub Pages`, `Netlify`, or `Vercel`.
## Technologies Used
- **HTML**: To make the structure of the page.
- **Vanilla CSS**: To style the page.
- **Vanilla JavaScript**: To add interactivity. `JavaScript` interactively fetches the essential data, creates `HTML DOM`, and displays the data in a structured way.
## Purpose
This project was developed for learning purpose. It's not a production ready project. I developed it using `Vanilla JavaScript` to solidify my understanding, you can do so.
## Contributing
Contributions are welcome! If you'd like to contribute:
- Fork the repository.
- Create a new branch for your feature or bug fix.
- Commit your changes with clear descriptions.
- Submit a pull request for review.
For major changes, please open an issue first to discuss what you would like to change.
## License
This project is licensed under the [MIT License](https://github.com/gh-aam/color-scheme-viewer/blob/main/LICENSE).
## Acknowledgements
- **Inspiration:** Thanks to the developers and designers who inspired this project. Also many thanks to [Randy Connolly](https://www.randyconnolly.com/) for the `API` support and JavaScript lessons ([FWD, 3rd Edition](https://www.pearson.com/en-us/subject-catalog/p/fundamentals-of-web-development/P200000003214/9780136792857)).
- **Community:** Gratitude to the open-source community for providing invaluable tools and support.