Giter VIP home page Giter VIP logo

giveth-next's Introduction

This is a Next.js project bootstrapped with create-next-app.

Getting Started

Prerequisites

  • You need to use NodeJS v14 or higher.
  • You need to use yarn.
  • You need to have git.

Install

  1. Click Star on this repo near the top-right corner of this web page (if you want to).
  2. Join us on Discord if you haven't already.
  3. Fork this repo by clicking Fork button in top-right corner of this web page. Continue to follow instruction steps from your own giveth-next repo.
  4. Clone your own "giveth-next" repo. Copy the link from the "Clone or download" button near the top right of this repo's home page.
  5. The rest of these steps must be done from your machine's command line

OSX and Linux

  1. From the desired directory you wish to copy the "giveth-next" folder with source files to.

    git clone {paste your own repo link here}
    
  2. Change directories to giveth-next:

    cd giveth-next
    
  3. Make sure you have NodeJS (v14 or higher) and yarn installed.

  4. Install dependencies from within giveth-next directory:

    yarn install
    
  5. cp .env.example .env.development.local

  6. We filled the public data in config file, you should fill the .env.development.local with needed data (for example create account in infura to put NEXT_PUBLIC_ETHEREUM_NODE)

  7. npm run dev

  8. Open http://localhost:3000 with your browser to see the result.

PS: if you run your Backend locally and want to connect that you can change NEXT_PUBLIC_APOLLO_SERVER value in .env.development.local to http://localhost:4000/graphql

giveth-next's People

Contributors

aminlatifi avatar brymut avatar dexmateo avatar divine-comedian avatar geleeroyale avatar griffgreen avatar laurenluz avatar markoprljic avatar mateodaza avatar merlinegalite avatar mohammadpch avatar mohammadranjbarz avatar ramramez avatar willyogo avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

giveth-next's Issues

Feature request: Sort projects by date added

This has come up a few times! Would be great to sort by date added to see newest projects first, or oldest projects first... this would even be really useful internally so we could reach out to our early adopters and ask them to add in formatting/hyperlinks etc. as we add the new features.

image.png

xDAI token images not changing on donation screen

πŸ“‹ Anything to add?

Tested on XDAI chain signed in with metamask and also not-signed in on xdai
using brave browser

I'm on the donation screen and switching between which currencies I want to donate to. Certain currencies, notably xdai, wxdai, pan, AGAVE, WETH, STAKE and HNY won't update the token image thumbnail when I select that currency -
image.png

However other currencies such as LINK and USDC, WBTC update the image with no issue -

image.png

Add link to switch to xDAI network

As a user I want to click how to donate using xDAI, but I just get the information that I can do it without telling me how to go about doing it:

image

We do have a hint buried in the user-guide section of the docs (thanks @divine-comedian), but it should be its own article going more into depth.

image

What I really want is to click the thing and then be able to switch the network, if that is not possible a little video clip of changing the network and signing in with metamask would go a long way.

no log in pop up on firefox with no MM installed

testing on firefox on next.giveth I have no MM installed and I cannot sign in on Giveth.. When I click sign-in I get the spinny wheel for a few moments then the screen returns and nothing happens at all...

image.png

Integrate Profile verification for Project owners (Identity)

πŸ“‹ Anything to add?

  • As a project owner, I want to be able to verify my identity and display badges on my profile for my twitter, github, and/or email.
    • When completing a profile, users have the option to connect and verify their Email, Twitter, or Github (via 3box)
    • The verification happens on 3Box... when a user verifies their email, twitter, and/or Github via 3box, we need to detect and save this
    • If a project's creator has verified their twitter, github, or email, a badge for each is displayed on the project's profile that links to their twitter, github, or mailto:email
    • If a user hovers over a twitter, github, or email badge they can see the project's handle or email address in a tooltip as well as a verified icon

⏰ Urgency/Deadline/Blockers?

This is now part of the GIVBack implementation.

❓ Why is it important?

Currently, nowhere in the app we validate the project owner. It appears now the projects are anon, except for the project name a donor doesn't know or can learn more about who's behind the project. We believe this is critical information and many donors will be turned away from donating if project owners are not verified or validated in some way.

Suggestion:
Make user complete their profile (after registering and creating a project) by adding a picture, full name and social media profiles (FB, TW, IN, Github) if they have them, mobile phone number maybe?
Additionally, give user the option to complete their profile with 3Box.

Allow user to sign up ask user to complete the profile in order to be able to Publish a project
If the user did not complete the profile and creates a project that project is is in a "Pending" state until the user has completed their profile.

πŸŽ‰ Subtasks

  • Discuss further and decide on the user flow and approach
  • Redesign missing UI (if/where needed)
  • Internal testing
  • FE dev implementation

πŸ€Όβ€ Reviewer

@markoprljic @mateodaza @geleeroyale @willyogo

πŸ”— Work doc - inspirational links

create segment event for project suspended/hidden

create a segment event to capture when a project is suspended or hidden by an admin or dev.

The intention is to be able to log and follow up with creators via autopilot to notify of their project being suspended and offer solutions to get their project back to accepable status.

As a project owner I want to preview my project

Comes from this user feedback

Maybe add donate link to the dashboard of the project, I wanted to see how it worked and had to go to the home page, then projects then click donate they're instead of open, since it's my project it took me to the back end, which is great, it's just my donate link should be there easy to find and open in a new window.

I believe we need a preview link of the project owner page

Deactivate project not working properly

testing on next with brave

when I deactivate my project, the button changes, like so:

image.png

but then it is still active and visible/searchable from the projects page
image.png

Add Project categories

As a user I want to be guided through the process of finding the projects that are of interest to me.

We discussed a mega drop down on the hover of the projects link.
Other options:

  • Single page similar to Causes but for Categories
  • Somewhere on the homepage top 3 categories + link to see all
  • footer list all categories (good for SEO)

Improve how we display the information about Project updates

πŸ“‹ Anything to add?

1 - Updates are buggy - I always get the same dates (the current date when I am watching!) on all campaigns and their individual updates. Without dates they are unfortunately useless because you can't see the frequency of updates.
2 - People don't use them, maybe we can expand on this feature a bit. I.e. show the latest update together with the project description? To inventivize more we could display a banner after a certain period of time that shows "This project had no update in a while ...."
3 - Donors should get notified when a project gets updated

Torus sign-in with reddit throws error

next.giveth
Testing brave browser with clean cache and cookies.
Attempting to log into torus with my reddit account, I click the reddit button on the sign in pop-up, it opens a new window and shows

bad request (reddit.com)
you sent an invalid request

β€” invalid redirect_uri parameter.

image.png

Feature Request: Can we add an "Update" button under "Edit" for My Projects?

I actually didn't even know that we could update projects for a looong time because it didn't seem intuitive to me to have to click the "updates" tab to go do that.

I just assumed "updates" was going to be tracking the updates I make when I edit my project, but it's a different thing entirely.

Would love if there was a small "update" option under the "edit" button.

What do you think @markoprljic ?

image.png

donations sort function broken on my donations page

πŸ“‹ Anything to add?

I'm signed in on metamask with brave on a clean cache and cookies

currently looking at MY DONATIONS there's the sort button that let's you switch between crypto and fiat.. currently if I pick Fiat it shows all my crypto donations. If I pick 'Crypto' it shows no donations at all... Is it opposite day?

image.png


image.png

Progress bar on Create New Project flow has a bug

πŸ“‹ Anything to add?

Both on Staging and Production. I tried refreshing the page a few times but no luck.
The progress bar does not show the correct section I find myself in the Create New Project flow.

Image 2021-04-26 at 4.28.04 pm.jpg

Image 2021-04-26 at 4.27.50 pm.jpg

External links on giveth.io (Galaxy, Social Coding, Governance) are out-of-date

I've been working on a revamp of the join our community page in https://github.com/Giveth/giveth-2/issues/806 and realized that we have external links to giveth galaxy and social coding and "governance" and they're all out of date with links to riot/element/slack.

@Danibelle mentioned that these are probably here for posterity which makes sense... but we need to make them relevant so we're not confusing the user..

I propose:

  • we update the links on the sites to lead to the correct/relevant communication media (discord, twitter, medium, docs) @laurenluz
  • we update the text on the sites reflecting the history and current relevance @Danibelle
  • have our "governance" link lead to a giveth doc (rather than the wiki) @divine-comedian
  • we consider where the appropriate place on giveth.io to have these external links (currently they are in the footer) (comms team)

Who has the power to make these changes to the sites? @geleeroyale - maybe you know?

Some screenshots, for reference:

Governance: https://wiki.giveth.io/governance/
image.png

Galaxy Projects: https://galaxy.giveth.io/
image.png
join our chat goes here...
image.png

Social Coding: https://galaxy.giveth.io/#socialcoding
image.png
join our chat goes to riot...

Disallow quotes on projects slugs

πŸ“‹ Anything to add?

Relating to Giveth/giveth-2#880 - slugs are currently allowed to be saved as strings with quotes, it's causing problems.

⏰ Urgency/Deadline/Blockers?

It's quite an edge case, but important nevertheless

Mailchimp <> email capture form are no longer integrated. Replace Mailchimp with Autopilot

As Giveth admins, we want to use one tool for all email communications rather than two. We also want to get the most out of our Autopilot integration and capture more user analytics.

Mailchimp is currently not capturing form submissions on next.giveth.io, which makes this a great opportunity to replace Mailchimp with Autopilot. Once the integration is done, I can export all of our contacts from Mailchimp and import them into Autopilot.

Autopilot makes this really easy; we just need to paste a code snippet into the tag of every page. Code snippet: https://discord.com/channels/679428761438912522/769909828407001148/821180784751935519

Autopilot tracking code documentation: https://support.autopilothq.com/hc/en-us/articles/205777916-Track-user-activity-in-your-app

AC:

  1. Code snippet above is added to the tag of every page on giveth.io
  2. The newsletter form on the homepage is auto-detected by Autopilot, and when a user enters their email on the homepage, they are added to the Newsletter list in Autopilot (Willy can help with this)

Integrate Unsplash API for project header images

πŸ“‹ Anything to add?

Integrate Unsplash API for header images.

Example integration from Audius when selecting a header image for the profile.

Image 2021-04-10 at 2 53 01 pm

⏰ Urgency/Deadline/Blockers?

Nice to have.

❓ Why is it important?

Not to rely on our own image library, give the user more options, better UX.

πŸŽ‰ Subtasks

  • Update UI to reflect this feature
  • Integrate Unsplash API

πŸ€Όβ€ Reviewer

@markoprljic

πŸ”— Work doc - inspirational links

https://unsplash.com/developers

Add explanatory popup on "set eth address" page in create project flow

For this:
image.png

Add popup link below the "You can set..." text that says "What is an ETH address?"

Text for the pop-up:

Your ETH address, also known as an ERC20 address, is the receiving address for your Ethereum wallet. This is where funds raised by your project will be sent.

If you logged using Torus via your email or social media. You can access your wallet here. Learn more about Ethereum wallets here.

This is as per user-feedback and discussion in comms. Ref: Giveth/giveth-planning#207

@markoprljic are you ok w this, design-wise?

Find an alternative way to send data in the contact form

πŸ“‹ Anything to add?

We used netlify forms in the gatsbyjs version, but that does not work anymore with our hosting being on vercel now. We need to find another way - most practical about the netlify forms was that I was able to pipe the message through to our discord.

❓ Why is it important?

We want to have a great support page where different ways to contact us are listed!

πŸŽ‰ Subtasks

  • find a way to send form data to a discord webhook
  • hook up the contact form
  • make new webhook in #support-internal

πŸ”— Work doc - inspirational links

I found these interesting:

Donation Amount being calculated wrong on xDAI

I have no idea where these numbers are coming from. At first it was saying my thousands of xDai was worth less than $0.01... then after some refreshing/changing network, it was saying that my 0.01 xDai was worth $41.26

image.png

image.png

When donating to a project show GIVBack rewards calculation

πŸ“‹ Anything to add?

As a Giver, I can see at the time of donation that I will get some GIV tokens for their donation β€œie. X GIV tokens will be rewarded proportionally to donors over the next 2 weeks, up to 75% of the value of the donation (meme: donation mining). GIVBacks will be subject to the global lockup schedule. Learn more about GIVBacks.”

  • Show GIVBack rewards breakdown on the donation page
  • Include GIVBacks in the Donation history of each project?

Can't switch to xDAI network on Giveth with Torus wallet

πŸ“‹ Anything to add?

Doing some testing on Torus Wallet. I noticed on staging the network defaults to Ropsten and LIVE it defaults to mainnet, but how do I get to xDAI on Giveth with Torus wallet? I have the option to go into my wallet settings in the torus web wallet page but changing my network in those settings doesn't change the network it uses to interact with Giveth.

Am I missing something? Is there an obvious option that I don't see?

Perhaps we can add an option to switch the integration? I noticed a similar feature was documented on another DApp.

image.png
https://docs.fuse.io/the-fuse-studio/getting-started/setting-up-metamask-and-torus

As a Giver, I want to know which projects are eligible for GIVBacks

πŸ“‹ Anything to add?

  • A GIVBack Badge is displayed on Verified project's cards and profiles
  • If a user hovers over a GIVBack Badge, they see a tooltip, "Givers to this project are eligible to receive up to 75% of their donation back in GIV tokens. Learn more about GIVBacks."
  • It would be really nice to make sure people know that there is a % of the GIV that they get is claimable and a % that is Locked... we don't want to have them feel like we are tricking them...

πŸŽ‰ Subtasks

  • Design GIVBack badge or similar label to be displayed on each project
  • Add Tooltip on hover
  • Create a new page for GIVBack and GIV tokens that explains everything in detail
  • Create a medium blog post explaining how GIVBacks work

Giveth contributor guidelines

Without a full time project manager it is essential that we have an agreement with each other as to how we plan, and how we use Github to achieve our plans.

This reference is a work in progress, and all ideas for improvement are welcome.

Please bear in mind following these guidelines is not only about your sanity, but also that of the other givers you love and care for.

Every issue that is scheduled will have a milestone. If it doesn't have a milestone it isn't scheduled.

Current milestones

On issue assignment

If an issue is currently inactive and waiting to be picked up, like in the backlog, then it shouldn't have 2/3 people assigned to it. Only the person who is taking the next action should be assigned. This means that when you filter the board for issues assigned to you, you should see a list of things that you are expected to take action on.

Your dev call preparation

In order to respect everyone's time and energy you should come to the dev call with your issue in order, and the dev call is for sharing updates, not management of issues.

Ahead of of the dev call everyone should filter the board by their username and go through each of their issues, making sure that they are up to date, which means:

  • in the right column
  • with a milestone attached if it should be scheduled
  • if you are not taking the next action you have assigned person who is, and left a column tagging them like this @jamespfarrell - letting them know what you expect of them.

This also means that if you want to work on Giveth and you want to know what you should do next you can know by coming to the board and filtering on your name as per the above.

Your dev call participation

Each person on the call takes their turn to share:

  • what's going well
  • what's going badly
  • what they're worried about

They then take their turn to give their update and share their screen updating us on the issues that are assigned to them, and flag if they are looking for new things to work on.

Once everyone has shared updates, we can discuss urgent issues that have come up and match make issues with those looking for more responsibility.

Sprint planning

At the start of each sprint we will do spring planning where we figure out what till be in the next sprint. These decisions are based on priority of the backlog and developer resources during this sprint.

Donated to a project with DAI I didn't have

πŸ“‹ Anything to add?

Testing on staging.

I had about 80 DAI in my wallet and tried donating 90 DAI

image.png

Got this notification that the transaction had been reverted:

image.png

but afterwards the "transaction in progress" popup persisted:

image.png

And when I checked the project, my donation of 90 DAI shows up as having gone through, with nothing actually having left my wallet:

image.png

Make the 'Read our new story' button pop more with a vibrant color or white - it's faded and appears unclickable because of that

πŸ“‹ Anything to add?

https://staging.giveth.io/
home page
button color so faded, doesn't appear from first glance to be a clickable link. recommend white or brighter color to set it apart for call to action.
Screenshot 2021-01-15 at 3 30 18 PM

⏰ Urgency/Deadline/Blockers?

Not urgent

❓ Why is it important?

UX

πŸŽ‰ Subtasks

  • [ ]
  • [ ]
  • [ ]

πŸ€Όβ€ Reviewer

@

πŸ”— Work doc - inspirational links

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.