https://github.com/devlyn37/safety-goggles
A transparent wallet NFT activity timeline. Look for alpha with Safety Goggles!
https://github.com/devlyn37/safety-goggles
nextjs nfts react
Last synced: 7 months ago
JSON representation
A transparent wallet NFT activity timeline. Look for alpha with Safety Goggles!
- Host: GitHub
- URL: https://github.com/devlyn37/safety-goggles
- Owner: devlyn37
- License: mit
- Created: 2021-09-22T05:59:45.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2022-01-11T07:35:53.000Z (over 3 years ago)
- Last Synced: 2025-03-22T10:25:17.648Z (7 months ago)
- Topics: nextjs, nfts, react
- Language: TypeScript
- Homepage: https://www.safetygoggles.xyz/
- Size: 1.1 MB
- Stars: 16
- Watchers: 1
- Forks: 3
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# Safety Goggles: A Transparent Wallet NFT Activity Timeline
https://user-images.githubusercontent.com/17352012/148899952-f1d06796-480f-4c7b-baad-2979c164985a.mp4
This is a website that displays NFT related activity with a few key focuses. It's deployed [here](https://eth-wallet-timeline.vercel.app/).
1. Transparency: Distinguishing between 'real' mints and devs minting to influencers.
2. Shareability: Easily filter data to create simple consumable chunks of alpha.
3. A Timeline View: Show a visual timeline of the wallets activity.
## Transparency and Shareability
When scanning around discords for NFT alpha ([definition](https://www.startwithnfts.com/posts/the-ultimate-nft-slang-dictionary)) something I saw a lot was "Hey (insert influencer or whale) bought wagmi etc etc.." w/ an accompanying screenshot. Often, after going back and fourth between OpenSea and etherscan I'd discover that it was just the developers of the project minting to said influencer. If you go look at any popular opensea account it's full of random NFT's from devs trying to trick copy traders.
This website distinguishes between these fake mints and real ones, labeling them accordingly.
With this, in combination with filtering, the goal of the site is to be a tool to help discover and share alpha and hopefully prevent some people from being tricked.
## A Timeline View
I think the idea of a timeline is novel, visually appealing, and makes good use of the screen real estate as web3 folks are typically on desktop (the site is mobile friendly). Organizing the data this way may provide some insight in how successful traders act under different market conditions. Finally, showing a timeline of moves in a specific collection could be a fun way to gloat/cry on twitter about major wins/losses.
## Note
This is still a work in progress, expect some issues here and there, especially with labeling less common event types. Event labelling surrounding the core goals of the project (buy, sell, mints vs dev mints mentioned above) is solid right now though.
## Tech
Safety Goggles is built with Next.js and TypeScript. We use CSS modules for styling, and host the site using Vercel.
## Roadmap
At a high level Safety Goggles should aim to rely less on OpenSea, Improve coverage for unique cases/transactions, and expand functionality to be more useful for new web3 users. Exactly how this is done should be decided in [discussions](https://github.com/devlyn37/Safety-Goggles/discussions).
## Contributing
This project was built to be a public good, If you'd like to help make it better take a look [here](CONTRIBUTING.md).
## Setup
First install dependencies
`npm i`
## Developing Locally in dev mode
First pull in a copy of the environment variables
`npx vercel env pull .env.local`
Next, run the app
`npm run dev`
## Creating a build locally
Dev mode can be pretty slow, creating a build locally is better if you want to do a lot of testing.
`npm run build`
`npm run start`
## Creating a test deployment
In order to create a one off preview deployment, run the following.
`npx vercel`