{"id":17746629,"url":"https://github.com/luancss/monster-eletric","last_synced_at":"2025-10-10T09:08:09.886Z","repository":{"id":210806881,"uuid":"727494469","full_name":"Luancss/monster-eletric","owner":"Luancss","description":"3D Eletric Monster Made With Pure Javascript","archived":false,"fork":false,"pushed_at":"2023-12-06T19:39:46.000Z","size":44,"stargazers_count":7,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2023-12-07T02:32:34.455Z","etag":null,"topics":["css","html","javascript"],"latest_commit_sha":null,"homepage":"https://monster-eletric.vercel.app","language":"JavaScript","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/Luancss.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}},"created_at":"2023-12-05T01:17:11.000Z","updated_at":"2023-12-06T12:35:16.000Z","dependencies_parsed_at":null,"dependency_job_id":"a0d155ea-fe1d-4504-be11-4a0a7ef02514","html_url":"https://github.com/Luancss/monster-eletric","commit_stats":null,"previous_names":["luancss/monster-eletric"],"tags_count":0,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Luancss%2Fmonster-eletric","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Luancss%2Fmonster-eletric/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Luancss%2Fmonster-eletric/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Luancss%2Fmonster-eletric/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Luancss","download_url":"https://codeload.github.com/Luancss/monster-eletric/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246635983,"owners_count":20809333,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["css","html","javascript"],"created_at":"2024-10-26T08:08:04.917Z","updated_at":"2025-10-10T09:08:04.867Z","avatar_url":"https://github.com/Luancss.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003eMonster Electric\u003c/h1\u003e\u003cbr\u003e\n\n### Projeto (Screenshot):\n\u003cimg src=\"./.github/monster png.JPG\" /\u003e\n\n\n---\nProjeto composto por segmentos interconectados\n\n\n## 🚀 Introdução\nO Monster Electric é um projeto interativo que combina arte e tecnologia, apresentando tentáculos elétricos animados que respondem ao movimento do mouse. Desenvolvido com HTML, CSS e JavaScript, o projeto cria uma experiência visual envolvente, onde os tentáculos reagem de forma dinâmica aos estímulos do usuário\n\nInteratividade do Usuário\n- Mouse Movimento:\n\nA animação dos tentáculos elétricos segue o movimento do mouse no canvas.\n- Clique do Mouse:\n\nO comportamento da animação pode ser afetado pelo clique do mouse.\n\n## :clipboard: Pré-requisitos\n\n- [VS Code](https://code.visualstudio.com/)\n\n## :wrench: Instalação\n\nPara clonar o projeto via HTTPS execute o seguinte comando:\n```\ngit clone https://github.com/Luancss/monster-eletric\n```\n\n## 🔨 Execução em ambiente de desenvolvimento\n\n```\nnpm start\n```\n\n## :hammer_and_wrench: Principais tecnologias utilizadas\n- [Index.html](https://create-react-app.dev/) - Contém a estrutura HTML do site, incluindo um canvas para a animação.\n- [Style.css](https://mui.com/material-ui/) - Arquivo de estilo que define a aparência visual do canvas e dos elementos da página.\n- [Script.js](https://nivo.rocks/) - Código JavaScript que controla a lógica da animação e interação do usuário.\n## ✍ Autor\n\n\u003cimg alt=\"Luancss\" title=\"Luancss\" src=\"https://avatars.githubusercontent.com/u/104950187?v=4\" width=\"100\"\u003e\n\u003cp\u003e\n    Made with 💜 by Luancss\n\u003c/p\u003e\n\u003cp align=\"left\"\u003e\n    \u003ca href=\"https://www.linkedin.com/in/luan-carlos-30035b246/\" target=\"_blank\"\u003e\n        \u003cimg align=\"center\" src=\"https://img.shields.io/badge/LinkedIn-%230077B5?style=for-the-badge\u0026logo=linkedin\u0026logoColor=white\" alt=\"Linkedin Luan Carlos\" /\u003e\n    \u003c/a\u003e\n    \u003ca href=\"mailto:luancss.contact@gmail.com\" target=\"_blank\"\u003e\n        \u003cimg align=\"center\" src=\"https://img.shields.io/badge/Gmail-FF0000?style=for-the-badge\u0026logo=gmail\u0026logoColor=white\" alt=\"Gmail Luan Carlos\" /\u003e\n    \u003c/a\u003e\n\u003c/p\u003e\n\nFeito com :heart: por [Luan Carlos](https://github.com/Luancss)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fluancss%2Fmonster-eletric","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fluancss%2Fmonster-eletric","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fluancss%2Fmonster-eletric/lists"}