metafy-social / eth-unwrapped

Your web3 life in review #EthUnwrapped

📦 EthUnwrapped

EthUnwrapped is a web application that analyzes the Ethereum blockchain and provides statistics about your usage of the blockchain. It helps you gain insights into your Ethereum activity and track your interactions with smart contracts, transactions, and more.

🚀 Features

• Track and analyze your Ethereum blockchain usage
• View statistics on smart contracts, transactions, and more
• Gain insights into your activity patterns
• Visualize data for better understanding

⚙️ Installation

Running the server

If you wish to run the server locally, you will need to install the following dependencies:

• Node.js (v18.12.1)

Once you have installed Node.js, you can run the following commands to install the dependencies and run the server:

npm install
npm build
npm start

🤝 Contributing

Contributions to EthUnwrapped are welcome! If you would like to contribute, please follow these steps:

1. Fork the repository.
2. Create a new branch:

   git checkout -b feature/your-feature

3. Make your changes and commit them:

   git commit -m 'Add your changes'

4. Push the branch:

   git push origin feature/your-feature

5. Open a pull request.

Please make sure to update tests as appropriate and adhere to the code of conduct when contributing.

Community

Thank you for your contribution to eth-unwrapped! Together, let's unwrap the potential of Ethereum's token ecosystem. 🚀

🌟 Happy analyzing on EthUnwrapped! 🌟

eth-unwrapped's Issues

Invalid Ethereum wallet address displayed in app

Description:
I noticed that the app is displaying an 'invalid address' for an Ethereum wallet addresses.

Expected behavior:
The app should display a valid and accurate Ethereum wallet address "unwrapped"

Actual behavior:
The app is showing an invalid Ethereum wallet address and does not display the "unwrapped"

Screenshot

Add ContributingGuidelines.md

The Contributing Guideline documentation will contain set of guidelines that will help contributors during the contribution process.
File type markdown.

MetaScore calculation is slow for older blockchain accounts

Describe the bug
For very old account metascore calculation becomes very slow, as

Expected behavior
It should be fast.

PS - you can use multi-process to make it fast, or can come up with your own solution

Add CODE OF CONDUCT.md

The Code of Conduct will defines standards for how to engage in a community.
File type markdown.

Readme file is missing Gssoc template

Is your feature request related to a problem? Please describe.
Readme file is missing Gssoc template

Describe the solution you'd like
I want to improve the readme file by adding the title of
This Open-Source project is a part of GSSOC

##Screenshot

Hover effects on social media icons

Add hover effect to social media icons.
Please assign it to me under gssoc'23

Add LICENSE to repository

Is your feature request related to a problem? Please describe

I'll Add LICENSE to repository.

Link the Code of Conduct in Readme file

The Code of Conduct in the Readme file is not linked.

Landing page tutorial

I am new to blockchain . Infact consider me as a noob . So as someone who has 0 experience on blockchain or anything . It would be great to include a tutorial on how to get addresses when the user visits the page for first time .

It will prolly be modal with 5 most common wallets . And once user click on it , we can have a gif/slideshow of steps guiding them on how to do the necessary

[Docs] Adding website link to the readme

i would like to work on this issue under GSSOC-23

[Feature]Add hover effect to the socials icons

Is your feature request related to a problem? Please describe

Want to Add hover effect to the socials icons

Describe the solution you'd like

Describe alternatives you've considered

A clear and concise description of any alternative solutions or features you've considered.

Additional context**

Add any other context or screenshots about the feature request here.

Improve search bar and add hover effect on social media icons

Describe the bug
The search bar and the 'get your unwrapped' button doesn't look in place right now. There is no hover effect and margin in the social media section below.

To Reproduce
Steps to reproduce the behavior:

1. Go to 'home page'
2. Scroll down to 'search bar'
3. See error

Expected behavior
I would like to improve the placing of search bar and button to center and improve the spacing. I would like to add a hover effect on the social media icons as well as add a margin to it.

Screenshots

Additional context
Please assign me this issue.

Add a new test for testing the /:address route.

Is your feature request related to a problem? Please describe

Add a new test to test the /:address route.

Describe the solution you'd like

The solution should be easy enough as all the setups should already be done.

Describe alternatives you've considered

I can't think of any alternative.

Additional context**

Add any other context or screenshots about the feature request here.

Migrate from Moralis to `The Graph`

Is your feature request related to a problem? Please describe

Currently moralis is integrated for retrieving blokchain data, which is inherently slow for api calls.
Migrate all the calls from moralis to the graph for faster and better blockchain data

[style]: Align item

Search Bar is not aligned, with any other element

Replace the old twitter bird logo with the new X logo in the footer section

Describe the solution you'd like

I'll replace the old twitter bird logo with the new X logo in the footer section where social are present.

Please assign this issue to me under GSSoC'23

Dynamic README with contributors name

Is your feature request related to a problem? Please describe

Contributors name no visible in readme

Describe the solution you'd like

Modify the readme along with a github workflow to add contributors name and image in the readme automatically

Background image

The current background is nothing but given a dot type style. We can run a vedio or animation using D3js (3D animation) using Web3js .

We can make hover effect or Glassmorphism or claymorphism of this section (where I have round using green pen) and much more can be added or design.

Assign me to solve that problem and fix this under GSSoC '23 Contributor.

add new look to the readme

Is your feature request related to a problem? Please describe

I have given your README a completely new look and added simplified text that is highly useful for new contributors. I incorporated the text you provided and made sure it enhances the overall appeal of the document. Please review my changes and let me know if there are any issues. If you have any concerns, feel free to assign me to the relevant issue, and I will address it as soon as possible.

Add Auto Comment Feature to Improve Collaboration

Issue Description:
As an active contributor to your open-source project, I believe that implementing an auto-comment feature would greatly enhance collaboration and communication within the project. This feature would automatically generate comments in response to specific events, such as when an issue is opened, a pull request is created, an issue is assigned, or an issue is unassigned.

Feature Details:

• When an issue is opened, the auto-comment should greet the author and provide a brief acknowledgement and request for additional context.
• When a pull request is opened, the auto-comment should greet the author, express gratitude, and remind them to follow the project's contributing guidelines.
• When an issue is closed, the auto-comment should thank the author for their contribution and encourage further engagement.
• When an issue is assigned to someone, the auto-comment should notify the assignee and encourage them to start working on it.
• When an issue is unassigned from someone, the auto-comment should notify the assignee about the change and suggest reassignment if they are offline.

Benefits:

• Improved communication and engagement with contributors.
• Provides clear instructions and acknowledgements for various events.
• Enhances collaboration by setting expectations and providing reminders.
• Reduces manual effort by automating comment generation.

Acceptance Criteria:

• The auto-comment feature should be implemented using the "wow-actions/auto-comment" GitHub Action.
• Comments should be appropriately customized for each event, mentioning relevant parties and providing the necessary information.
• The auto-comment workflow should trigger on the following events: issues opened, pull requests opened, issues closed, issues assigned, and issues unassigned.
• The feature should be added to the project's existing GitHub Actions workflow file.

Additional Context:
Feel free to ask any questions or seek clarification regarding the auto-comment feature. I'm excited about contributing to your project and believe this enhancement will greatly benefit its community.

Add a port to .env

Can I have a specific port to .env file? please assign me this issue

Not able to fetch data

when entered correct address, it still shows you error saying address is wrong.
To Reproduce

1. Go to Home Page
2. Enter ETH address
3. wait for some time
4. See error

Expected behavior
Result should bbe shown

Screenshots

Desktop (please complete the following information):

• Browser chrome

The footer section is not initially visible and can only be accessed by scrolling down the page.

Describe the bug
The footer section, which typically contains important information such as contact details, links to additional pages, copyright notices, and navigation links, is not visible to users when they initially load the webpage. In order to access the footer, users have to scroll down the page, which creates an inconvenience and hampers the overall user experience. Search engine crawlers rely on visible content to determine the relevance and ranking of a webpage.

To Reproduce
Steps to reproduce the behavior:

1. Go to Landing page
2. Scroll down page
3. See error

Expected behavior
It is recommended to ensure that the footer section is visible by default, without requiring users to scroll down. This can be achieved by adjusting the page layout or implementing a sticky footer that remains visible at all times, regardless of the user's position on the page. By making the footer easily accessible, the website will enhance its usability, improve accessibility, and provide a more satisfactory user experience.

Screenshots
If applicable, add screenshots to help explain your problem.

Footer is not updated

The footer has only three icon viz twitter, github and linkedin and nothing else. We can make a better footer for this.

Please assign me this issue under GSSoC '23 contributor.

[Feature Request]: add codeql workflow

Is your feature request related to a problem? Please describe.

The repository contains code in javascript and typescript, it does not have workflow for code scanning.

Describe the solution you'd like

I want to add the codeql workflow to automate security checks. CodeQL is the code analysis engine developed by GitHub to identify vulnerabilities in code. It will analyze your code and display the results as code scanning alerts. It will be enabled on every push, commit and pull request using GitHub actions.

Record

• I agree to follow this project's Code of Conduct 
• I'm a GSSoC'23 contributor
• I want to work on this issue

Want to add hover effect on the social icons present on the website.

Is your feature request related to a problem? Please describe

The hover effect is missing in the social icons

Describe the solution you'd like

Hover effect

Additional context**

Responsive design

The website is not responsive. I would like to work on it.

Missing Documentation Template Issue in Repository

Documentation Template: This template facilitates the creation of comprehensive documentation by providing a structured format, including sections for an introduction, usage instructions, examples, and other relevant details.

[bug] Address bar

Describe the bug
The addresss value gets stored on the current address bar of website
To Reproduce

This could be fixed modifying the Getyourwrapped by prevent default function
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

Adding hovering effect to the Social media links

Issue:

I want to add the hover effect to the social media links to make the page more interactive.

I am willing to contribute to your project kindly assign me under GSSOC'23.
Thank You

Add license

Describe the solution you'd like

I want to add license.

Describe alternatives you've considered

Additional context**

Please assign this issue to me

Adding code of conduct to the website

A code of conduct is necessary for a website to establish a set of guidelines and expectations for user behavior. It helps create a positive and inclusive online environment by promoting respectful and appropriate interactions among website users.

I'd like to work on this issue under GSSOC'23, @advaita-saha .

Additions in Issue Template

Description:

I noticed that the repository does not have an appropriate issue template.

Issue Template: I want to add some more points to your issue template like styling changes etc

Please assign this issue to me under Gssoc'23 @advaita-saha

Adding dependabot.yml file

We need to add the dependabot.yml file as it helps us to keep our dependencies up to date. Every day, it checks your dependency files for outdated requirements and opens individual PRs for any it finds.

@advaita-saha please assign me this issue under gssoc'23.

Want to add our Contributor page in the website

Details
Is your feature request related to a problem? Please describe.
Our Contributors page in the website
Describe the solution you'd like
We can add a Contributors page in the website. which is shows the name and the profile image of the contributor.and the number of commits is done by the contributor