Giter Club home page Giter Club logo

forever's Introduction

Endless ๐Ÿ’ https://endlessring.xyz/

Screenshot

๐Ÿ’Ž TLDR

https://endlessring.xyz/

The Endless Ring is a peak into the future of fashion. In the future, fashion will bridge universe and metaverse, as people will express themselves through physical wearables with metaverse representations. Endless is physical piece of jewellery that holds your voice and has metaverse representations and can be raed by any smartphone.

Record a voice message and get 3 things:

  • a physical NFC-enabled ring that links to the NFT (ISO 14443A)
  • IPFS-hosted NFT with an artistic generative rendering of your voice's sound wave. The NFT is on Polygon and Lukso and takes advantage of the LSP8-IdentifiableDigitalAsset.
  • metaverse wearable jewellery on Decentraland (WIP)

๐Ÿ’ก Inspiration

Future-proof storage and the tamper-free nature of the blockchain. Despite being technical terms, the ideas of eternity and immutability have been with us since the dawn of civilisation.

These are also key concepts of love, whether it's affectionate, familiar, brotherly, or romantic love. To express it to family, a friend, or a romantic partner in an eternal and immutable way seems very valuable.

We took inspiration from Lukso and the idea of combining digital & physical. A physical ring that also a very personal voice message that will last forever, and can be tied to you thanks to Lukso. We took inspiration from the concept of the ERC751Y and LSP8-IdentifiableDigitalAsset and voice as a personal identifier.

Endless rings will cross the boundaries of physical world and metaverse worlds as the same ring with the same message will be wearable across these worlds.

๐Ÿ’ What it does

Check out a video presentation and product walk through here https://www.tella.tv/video/cl7gu0b2i00010gmlfyku58wc/view

The web app

  • connects to your wallet
  • lets you record your voice
  • generate an image of your voice wave
  • create a unique identifier for that voice message [[@Hugo pls include standard name]]
  • mint that voice message on Polygon and Lukso as an NFT and gets hosted on IPFS.

The physical ring is an NFC-enabled ring, which will point to the IPFS. You don't need to charge it. You don't need any special app. Simply get your phone close to the ring and it will play your message.

Oh, the web app also shows you some cool 3d floating rings and fog. I know it's hard to miss, but just wanted to mention that again ๏ผˆ๏ฟฃ๏ธถ๏ฟฃ๏ผ‰โ†—ใ€€

See the it on explorer https://explorer.execution.l16.lukso.network/tx/0x2ce7a2bacb72293547d1a2c05efdf008b4f4fde638f1e5f0a9556e7ab0d1b25b

๐Ÿงฐ How we built it

For the frontend, we used:

  • flask
  • tailwind
  • alpinejs
  • vanilla js
  • threejs
  • vantajs

On the backend, we used:

  • web3.js, eth-brownie to interact with blockchain
  • numpy, matploblib and pydub to manipulate the voice data
  • flask, gunicorn, werkzeug to run server-side stuff

๐Ÿ’ Physical ring: We contacted 8 different suppliers and chose the best looking desings, which are being prototyped right now. Unfortunately, due to the difficulty of soldering around copper wire, there have been delays, but the first prototypes work. We made them work by embedding them in an temperature-absorant plastic inlay, which then gets coated with ceramic. The ring is compatible with all modern smartphones. It can be easily programmed. It has about 100k cycles. It is based on ISO 14443A, 13.56MHz NDEF.

๐Ÿคฏ Challenges we ran into

  • Largest challenge: Hardware getting the physical ring to work with soldering.
  • Any kind of jewellery making process in proximity to copper wire will break the wire.
  • Very hard to get the shape right, so for prototype we skipped that part.
  • Trying to integrate with Universal Profiles
  • Smart contract & IPFS: integrating IPFS storage with recording a voice message on the site and also minting an NFT, all in real time.
  • Time management!

๐ŸŽ“ What we learned

  • Hugo has learnt how to easily integrate IPFS
  • Hugo has learnt how to integrate crypto transactions on frontend with metamask and web3.js
  • Konrad has learnt ThreeJS and a lot of frontend stuff.
  • Konrad has learnt a lot about NFC technology and jewellery manufacturing

๐ŸŒš What's next

Finalizing ring design & launching!

Also, expanding expanding this to the metaverse wearables market and integrating with Decentraland, Sandra and VR Chat. See an example on Decentraland https://builder.decentraland.org/items/789b8811-0a74-40b3-ad3b-987626db2a3c

Instructions

(Assuming linux terminal. If on windows consider using WSL)

  1. create local python installation, activate it, and install libraries
        python -m venv venv
        source venv/bin/activate
        pip install -r requirements.txt
  1. go to app/src/ and install npm packages
        cd app/src
        npm install

That's it! Now you can run the server, or push to github (autodeploys to render).


Useful commands:

cd src
npm run build-css

โฌ†๏ธ This will run a script that re-builds tailwind everytime you make a change to the html or css.

cd src
npm run local

โฌ†๏ธ This builds the css once and will run the server locally.

python app.py

โฌ†๏ธ Same thing as before, just without building the css first.

cd src
npm run yeet-it

โฌ†๏ธ This says, builds the css, adds all files to a git commit, and pushes to github.

Render deployment

  1. hook up git repo
  2. Run settings: cd app/src/ && npm install && npm run build-css && cd .. && gunicorn app:app
  3. copy over .env file

forever's People

Contributors

0xkkonrad avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.