{"id":51368270,"url":"https://github.com/djangify/creative-coding","last_synced_at":"2026-07-03T03:35:10.214Z","repository":{"id":304014244,"uuid":"1016759708","full_name":"djangify/creative-coding","owner":"djangify","description":"Creative Coding and Generative Art Projects","archived":false,"fork":false,"pushed_at":"2025-10-07T13:00:52.000Z","size":102,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-07-03T03:35:08.464Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"Astro","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/djangify.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-07-09T13:35:20.000Z","updated_at":"2025-10-07T13:00:55.000Z","dependencies_parsed_at":"2025-07-10T22:53:56.243Z","dependency_job_id":"3bdf554c-1831-44f5-9beb-e86e193bc4ab","html_url":"https://github.com/djangify/creative-coding","commit_stats":null,"previous_names":["djangify/creative-coding"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/djangify/creative-coding","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/djangify%2Fcreative-coding","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/djangify%2Fcreative-coding/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/djangify%2Fcreative-coding/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/djangify%2Fcreative-coding/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/djangify","download_url":"https://codeload.github.com/djangify/creative-coding/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/djangify%2Fcreative-coding/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":35071461,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-07-03T02:00:05.635Z","response_time":110,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2026-07-03T03:35:09.568Z","updated_at":"2026-07-03T03:35:10.205Z","avatar_url":"https://github.com/djangify.png","language":"Astro","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Creative Coding ✨\n\nA collection of small, interactive web experiments built with **Astro** — exploring calm design, motion, and creativity through code.  \nEach project is lightweight, self-contained, and designed to encourage curiosity or reflection rather than competition or distraction.\n\n---\n\n## 🎨 Overview\n\nThis site brings together a series of **creative coding sketches**, each one exploring how simple shapes, motion, and interaction can influence mood.  \nSome projects are playful; others are quiet or meditative. All are built for the browser using minimal dependencies, primarily **p5.js** and **vanilla JavaScript**.\n\nIt’s part of an ongoing exploration into what I call *mindful code* — creating interactive pieces that help people pause, breathe, and feel more connected while waiting, learning, or simply passing time.\n\n---\n\n## 🧠 Built With\n\n- [Astro](https://astro.build) – fast static site builder for modern web projects  \n- [p5.js](https://p5js.org) – creative coding library for generative art and motion  \n- HTML, CSS, and a touch of JavaScript  \n- Optional: Tailwind CSS or custom utilities for layout and typography (depending on version)\n\n---\n\n## 🕹 Featured Projects\n\n| Project | Description |\n|----------|--------------|\n| **Mindful Circles** | Gentle motion-based sketch where floating circles attract and repel — built to explore calm and focus through physics and motion. |\n| **Animal Catcher** | A cheerful tap game for toddlers that uses emojis as simple, responsive “animals” to catch. Perfect for waiting rooms. |\n| **Tap to Calm** | A single-file mindful tool. Tap drifting orbs to release light and move through calm “breath levels.” Built entirely within one HTML file using p5.js. |\n\nEach project is available as a standalone demo or embedded within the Astro site.\n\n---\n\n## 🧩 Project Structure\n\n```bash\n/\n├── public/             # Static assets and site icons\n├── src/\n│   ├── components/     # Layout and UI components\n│   ├── layouts/        # Shared page templates\n│   ├── pages/          # Individual project pages (Astro files)\n│   └── sketches/       # Contained creative-coding projects\n├── package.json\n├── astro.config.mjs\n└── README.md\n\n\n🧭 Vision\n\nCreative coding is where art and logic meet. This project exists as a digital playground — a place to explore ideas that might not fit neatly into “apps” or “tools,” but still invite interaction, mindfulness, or curiosity.\n\nFuture updates will expand this into a living collection of sketches and micro-games that can be embedded or reimagined as teaching tools.\n\n📜 License\n\nThis project is open source under the MIT License\n.\n\nMade by Diane Corriette\n[Django Developer](https://todiane.com) \n\nBuilt with Astro. Inspired by calm, play, and the beauty of small experiments.\n\n\n# Astro Starter Kit: Minimal\n\n```sh\nnpm create astro@latest -- --template minimal\n```\n\n[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/minimal)\n[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/minimal)\n[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/withastro/astro?devcontainer_path=.devcontainer/minimal/devcontainer.json)\n\n\u003e 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!\n\n## 🚀 Project Structure\n\nInside of your Astro project, you'll see the following folders and files:\n\n```text\n/\n├── public/\n├── src/\n│   └── pages/\n│       └── index.astro\n└── package.json\n```\n\nAstro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name.\n\nThere's nothing special about `src/components/`, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.\n\nAny static assets, like images, can be placed in the `public/` directory.\n\n## 🧞 Commands\n\nAll commands are run from the root of the project, from a terminal:\n\n| Command                   | Action                                           |\n| :------------------------ | :----------------------------------------------- |\n| `npm install`             | Installs dependencies                            |\n| `npm run dev`             | Starts local dev server at `localhost:4321`      |\n| `npm run build`           | Build your production site to `./dist/`          |\n| `npm run preview`         | Preview your build locally, before deploying     |\n| `npm run astro ...`       | Run CLI commands like `astro add`, `astro check` |\n| `npm run astro -- --help` | Get help using the Astro CLI                     |\n\n## 👀 Want to learn more?\n\nFeel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdjangify%2Fcreative-coding","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdjangify%2Fcreative-coding","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdjangify%2Fcreative-coding/lists"}