shangguanwang / nft-marketplace

NFT marketplace homepage

Hi there 👋

🌱 Weclome to my Github page, I'm Shangguan

👀 I'm a self-taught Frontend Developer with a passion for building meaningful products, proficient in React and JavaScript.

Projects:

• BerryCart Shopping List 🍓
• NFT Marketplace 🖼️
• Little Joy 🌸
• TypeScript todo list 📝

💪 I'm currently working as a frontend engineer at a startup, continuing #100DaysofCode challenges, and contributing to open-source projects.

Tech Stack:

Connect With Me:

📫 Reach me at my [email protected]

📊 GitHub Stats:

nft-marketplace's Issues

13. Add Connect Wallet Button

Summary

Right now the "Sign up" button is a placeholder, integrate a "Connect Wallet" button to replace it

9. Readme

Summary

Add contents to Readme

14. Update Favicon

Update favicon

4. Join Contact View

Summary

As a user, I want to see "Join" view on the home page.

10. Improve Accessibility

Room for Improvements based on Lighthouse accessibility report

• The button purple background and foreground colors do not have a sufficient contrast ratio
• LinkedIn and Github Links do not have a discernible name,add aria-label for that
• The "240K" Heading elements are not in a sequentially-descending order

1. Create Hero View

Summary

As a user, I want to see hero view on the home page.

2. Category view

Summary

As a user, I want to see category view on the home page.

3. Get Started View

Summary

As a user, I want to see "Get Started" view on the home page.

11. Add Visual Effect

Summary

Add visual effects to make the webpage more visually appealing

5. Header

Summary

Create a header component that should have logo, brand name on the left, and navbar and signup button on the right

7. Responsive Design

As a user, I want the page content to display correctly on different size screens

12. As a user, I want to know my email subscription is successful

Summary

Display a message after a user successfully submitted their email for subscription

8. Improve Loading Performance

Summary

the page takes several seconds to load all images.

15. Create env file

Create an env file to store sensitive API Key information and add the file to gitignore

6. Footer

Summary

The Footer should include brand logo, social icons, and navlinks.