https://github.com/giuseppetm/syndrome-main-computer
"The Incredibles" Reproduction of Syndrome's main computer (Kronos unveiled sequence), made with React.
https://github.com/giuseppetm/syndrome-main-computer
incredibles javascript kronos kronos-project kronos-unveiled operation-kronos project react reactjs reproduction syndrome syndrome-computer the-incredibles web-application webapp website
Last synced: 8 months ago
JSON representation
"The Incredibles" Reproduction of Syndrome's main computer (Kronos unveiled sequence), made with React.
- Host: GitHub
- URL: https://github.com/giuseppetm/syndrome-main-computer
- Owner: Giuseppetm
- License: mit
- Created: 2022-01-22T12:32:01.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2024-03-22T19:43:03.000Z (about 2 years ago)
- Last Synced: 2025-05-07T02:25:09.958Z (about 1 year ago)
- Topics: incredibles, javascript, kronos, kronos-project, kronos-unveiled, operation-kronos, project, react, reactjs, reproduction, syndrome, syndrome-computer, the-incredibles, web-application, webapp, website
- Language: JavaScript
- Homepage: https://syndromemaincomputer.netlify.app
- Size: 81.8 MB
- Stars: 14
- Watchers: 2
- Forks: 2
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Syndrome Main Computer ("The Incredibles", Kronos Unveiled Sequence)
## 📖 About the project
I 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.
## 🎦 Live Demo
👉 [**LIVE PREVIEW**](https://syndromemaincomputer.app/)
📺 I also made a YouTube video comparing the original movie sequence with this project:
https://www.youtube.com/watch?v=2-cToQpNnaU
## 🧑💻 Technologies used
- NextJS;
- React 19;
- Typescript;
- Chakra UI / Motion.
## 🎬 Comparison with the movie sequence
| Movie | Reproduction |
| ----------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------ |
|  | 
|
|  | 
|
| 
| 
|
|  | 
|
|  | 
|
|  | 
|
|  | 
|
|  | 
|
|  | 
|
|  | 
|
---
## 🛠️ How to run the project
1. Make sure you are running **Node.js v20+**
2. Install dependencies
```bash
npm install
```
3. Run the development server
```bash
npm run dev
```
4. Open http://localhost:3000 in your browser 🎉