aryamankha / backstage-hacktoberfest Goto Github PK

Profile page for fans. Full Figma design: https://www.figma.com/file/aTnodnfVNVkOus9dLZ5U96/Profile-Page

Self explanatory. Try using Vivid to make the changes in-browser!

Create browse page without search functionality. Will add new issue for search functionality once DB is set up. Full Figma here: https://www.figma.com/file/8RpbZL9OlzJIYUR4k0rTlb/Browse-Page

This will enable sign in/sign up functionality

Currently the profile page can be improved it because the styles doesn't according the Figma

Font color is black so not visible in what all about and FAQs section

Connect the profiles from auth0 to the database so that each user sees their own NFTs on their profile page.

Requires auth0 integration with site and backend service so profile edits can only be permitted with auth token.

Currently, profile picture in top right of nav bar is static regardless of sign in. Change nav bar so that if user is not signed in, only "sign up" button shows up in top right. If user is signed in, add their profile picture in the nav bar and include the "Metamask" button.

The latest Drops section should be a carousel
@aryamankha

The fonts, spacing, hover effect, and position of the navbar can be improved. Please, assign this issue to me for hacktoberfest.

I'm open to any UI improvements a contributor might want to make while the database + NFT cards are set up. Would love to see you guys use Vivid for any changes you want to make (Option-Click on a component in dev mode to edit code and Command-K to add/preview Tailwind classes).

If you want to make any new features, feel free to fork and create a new issue!

Can assign multiple contributors to this task. Just comment with the change you want to make.

Images are located in public/images

Design and implement a footer to be present on all pages of the web app.

Make a card component for NFTs to be displayed

Latest Drops section. Third section on home page. Full Figma - https://www.figma.com/file/I03uCw196ZjlzxHQelByBU/Landing-Page

Frontend for profile page for musicians dropping NFTs. Full Figma - https://www.figma.com/file/aTnodnfVNVkOus9dLZ5U96/Profile-Page?node-id=0%3A1

Would love a Figma design of a sign up/sign in flow that we could implement for Backstage

Pick a free hosting tier on Netlify/Vercel and set up auto-deployment

Sticky Nav Bar. Full Figma - https://www.figma.com/file/I03uCw196ZjlzxHQelByBU/Landing-Page

FAQs section. Last section on home page. Full Figma - https://www.figma.com/file/I03uCw196ZjlzxHQelByBU/Landing-Page

Currently, profile picture is static regardless of who signs up, but it should reflect the profile picture from the Auth0 profile.

First section on home page. Background image is in public/images. Full Figma is here: https://www.figma.com/file/I03uCw196ZjlzxHQelByBU/Landing-Page

We currently have two different nav bars, one on the main page, and a separate one on the /profile page. Consolidate those two nav bars into one, make it a separate component, and have it display on both pages.

@aryamankha

Description:

Currently there is only signup button.
It would be user-friendly to show signin button in navbar in logout session and signout button in loggedin session

Please assign this issue to my name, will implement this feature

The heading, font, positions, color, etc can be improved. Please assign this issue to me for hacktoberfest.

Choose database provider, create schema for database to allow for NFT cards

What's it all about section. Second section on home page. Full Figma - https://www.figma.com/file/I03uCw196ZjlzxHQelByBU/Landing-Page

Set up Metamask connection when a user clicks the Metamask button on the home page.