{"id":15678083,"url":"https://github.com/giuseppetm/syndrome-main-computer","last_synced_at":"2025-10-13T12:35:21.964Z","repository":{"id":53298615,"uuid":"450811954","full_name":"Giuseppetm/syndrome-main-computer","owner":"Giuseppetm","description":"\"The Incredibles\" Reproduction of Syndrome's main computer (Kronos unveiled sequence), made with React.","archived":false,"fork":false,"pushed_at":"2024-03-22T19:43:03.000Z","size":85753,"stargazers_count":14,"open_issues_count":3,"forks_count":2,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-05-07T02:25:09.958Z","etag":null,"topics":["incredibles","javascript","kronos","kronos-project","kronos-unveiled","operation-kronos","project","react","reactjs","reproduction","syndrome","syndrome-computer","the-incredibles","web-application","webapp","website"],"latest_commit_sha":null,"homepage":"https://syndromemaincomputer.netlify.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Giuseppetm.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2022-01-22T12:32:01.000Z","updated_at":"2025-02-26T19:51:36.000Z","dependencies_parsed_at":"2024-10-23T13:29:18.774Z","dependency_job_id":null,"html_url":"https://github.com/Giuseppetm/syndrome-main-computer","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Giuseppetm/syndrome-main-computer","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Giuseppetm%2Fsyndrome-main-computer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Giuseppetm%2Fsyndrome-main-computer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Giuseppetm%2Fsyndrome-main-computer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Giuseppetm%2Fsyndrome-main-computer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Giuseppetm","download_url":"https://codeload.github.com/Giuseppetm/syndrome-main-computer/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Giuseppetm%2Fsyndrome-main-computer/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267482004,"owners_count":24094508,"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","status":"online","status_checked_at":"2025-07-28T02:00:09.689Z","response_time":68,"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":["incredibles","javascript","kronos","kronos-project","kronos-unveiled","operation-kronos","project","react","reactjs","reproduction","syndrome","syndrome-computer","the-incredibles","web-application","webapp","website"],"created_at":"2024-10-03T16:16:19.114Z","updated_at":"2025-10-13T12:35:21.959Z","avatar_url":"https://github.com/Giuseppetm.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Syndrome Main Computer (\"The Incredibles\", Kronos Unveiled Sequence)\n\n![Preview](https://github.com/user-attachments/assets/f38cf82d-9b7b-42b3-b693-b6e83ea720f9)\n\n## 📖 About the project\nI am a big fan of *The Incredibles* movie (2004), and I've always been fascinated by the [user interface](https://www.youtube.com/watch?v=IRPI3lSACFc) Syndrome had on his computer in the giant room. I’ve been working in the last few days on the new version of my interactive project. The goal was to create an immersive, retro-futuristic console experience using modern web technologies, while staying faithful to the cinematic atmosphere.\n\n## 🎦 Live Demo\n👉 [**LIVE PREVIEW**](https://syndromemaincomputer.app/)  \n\n📺 I also made a YouTube video comparing the original movie sequence with this project:  \nhttps://www.youtube.com/watch?v=2-cToQpNnaU\n\n## 🧑‍💻 Technologies used\n- NextJS;\n- React 19;\n- Typescript;\n- Chakra UI / Motion.\n\n## 🎬 Comparison with the movie sequence\n\n| Movie                                                                                                                               | Reproduction                                                                                                                         |\n| ----------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------ |\n| ![image](https://user-images.githubusercontent.com/52317197/183285350-2eb4aa72-1945-4cd3-876d-afe8f3f308a6.png)                     | \u003cimg width=\"2277\" height=\"1280\" alt=\"image\" src=\"https://github.com/user-attachments/assets/fd7d7f9e-d106-470f-86ba-ecfa7f8b4b9b\" /\u003e |\n| ![image](https://user-images.githubusercontent.com/52317197/183285410-69745cb6-5046-4e03-bfa6-cdca3c40ad18.png)                     | \u003cimg width=\"2278\" height=\"1277\" alt=\"image\" src=\"https://github.com/user-attachments/assets/6ea67c58-4e02-442a-b70d-4a1778c53762\" /\u003e |\n| \u003cimg width=\"1764\" height=\"770\" alt=\"image\" src=\"https://github.com/user-attachments/assets/2fea660a-1509-426b-ae52-563441aa0a15\" /\u003e | \u003cimg width=\"2275\" height=\"1279\" alt=\"image\" src=\"https://github.com/user-attachments/assets/f9448e2e-d2a6-4e0e-8038-2a2168c4c4e4\" /\u003e |\n| ![image](https://user-images.githubusercontent.com/52317197/183285756-8828568c-c25b-46b0-8f26-261de40c3b56.png)                     | \u003cimg width=\"2274\" height=\"1274\" alt=\"image\" src=\"https://github.com/user-attachments/assets/78ea35bb-d1ce-418b-94e3-56c8e7cf9553\" /\u003e |\n| ![image](https://user-images.githubusercontent.com/52317197/183285781-041b2981-2b3a-4485-a0c3-ea340d743567.png)                     | \u003cimg width=\"2276\" height=\"1278\" alt=\"image\" src=\"https://github.com/user-attachments/assets/f633a757-edee-488e-9fb2-019ef9b385d8\" /\u003e |\n| ![image](https://user-images.githubusercontent.com/52317197/183285812-e3ca04b4-5910-4e93-a205-a2e1802cf891.png)                     | \u003cimg width=\"2274\" height=\"1276\" alt=\"image\" src=\"https://github.com/user-attachments/assets/d90b41b9-c458-4e56-94d3-70d31cbc0256\" /\u003e |\n| ![image](https://user-images.githubusercontent.com/52317197/183285822-b19b219d-2150-4602-ae2b-4493d1cf5905.png)                     | \u003cimg width=\"1450\" height=\"812\" alt=\"image\" src=\"https://github.com/user-attachments/assets/4b15ba6b-eaa1-42c4-a424-0ab165db4f75\" /\u003e  |\n| ![image](https://user-images.githubusercontent.com/52317197/183285831-9b332c47-6481-428f-84d6-19910f33e55d.png)                     | \u003cimg width=\"1407\" height=\"791\" alt=\"image\" src=\"https://github.com/user-attachments/assets/bae12564-9d6f-4817-b3fd-47a4062bc34c\" /\u003e  |\n| ![image](https://user-images.githubusercontent.com/52317197/183285839-488de04d-21e2-47a5-95a2-932441236c3d.png)                     | \u003cimg width=\"1363\" height=\"766\" alt=\"image\" src=\"https://github.com/user-attachments/assets/4f702957-7b4c-4f3f-a694-4c65ba3afb06\" /\u003e  |\n| ![image](https://user-images.githubusercontent.com/52317197/183285854-762ccc22-7d46-49a2-b308-61483377d223.png)                     | \u003cimg width=\"1265\" height=\"707\" alt=\"countdown\" src=\"https://github.com/user-attachments/assets/aa39d240-a03d-4ed5-a4e2-b5d4eb77b468\" /\u003e|\n\n---\n\n## 🛠️ How to run the project\n\n1. Make sure you are running **Node.js v20+**  \n2. Install dependencies  \n```bash\nnpm install\n```\n3. Run the development server\n```bash\nnpm run dev\n```\n4. Open http://localhost:3000 in your browser 🎉\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgiuseppetm%2Fsyndrome-main-computer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgiuseppetm%2Fsyndrome-main-computer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgiuseppetm%2Fsyndrome-main-computer/lists"}