Live Deployment (Tested on Desktop, with Chromium based browsers and Firefox)
Check out this LinkedIn post to learn on how this project got viral for a few days.
Fun Fact: We had a whole week, but of course, we did 98% of the work in the last 24 hours. Procrastination? Nah, we just work better under pressure! 😎💥
Functionally Dysfunctional
- Created and maintained by Andrei Balan.
- Rudransh Joshi for contributing to the minigames and storyline.
"There Is No Website" is a quirky, interactive web experience that challenges the very notion of what a website should be. With a twist on the theme "Functionally Dysfunctional," we crafted an experience where things aren't quite what they seem. The user is drawn into an unconventional, physics-based web world where interactions defy expectations, blending the boundaries between functionality and dysfunctionality.
This project was created during the "Hackathon with Lewis" event held from August 9-16, 2024. There is one surprise at the end! So do visit the live deployment to try out.
Inspired by the provided theme, we aimed to create a project that would challenge the traditional expectations of what a website should be. Instead of a typical, well-structured site, we built something that appears chaotic yet is still engaging and interactive, reflecting the theme in every aspect of the design and functionality.
- TypeScript: For type safety and better developer experience.
- Matter.js: To bring the physics engine to life with realistic interactions.
- React: For building the dynamic and interactive user interface.
- TailwindCSS: For styling with utility-first classes, ensuring a responsive and sleek design.
- Vite: For fast and efficient development with a modern build tool.
- Interactive (What is Physics?)
- Unexpected User Interactions
- Super Furious Narrator
- Responsive Design (Maybe)
- Performance Optimized 💀
- Bunch of Minigames
-
Clone the repository:
git clone https://github.com/AndreiBalan-dev/there-is-no-website.git
-
Navigate to the project directory:
cd there-is-no-website/app
-
Install dependencies:
npm install
-
Run the development server:
npm run dev
-
Open the project in your browser:
Visit
http://localhost:5173
to experience the website.
This project is licensed under the MIT License - see the LICENSE file for details.