https://github.com/marlinsk/landing-page-the-weirdos-nft-website-react

Site de artes NFT, feito por meio de uma orientação de um vídeo tutorial do canal Code Bucks.
https://github.com/marlinsk/landing-page-the-weirdos-nft-website-react

beginner-project gsap gsap-scrolltrigger gsap3 landing-page nft nft-gallery react react-hooks reactjs responsive scrolltrigger styled-components website-development website-template

Last synced: 6 days ago
JSON representation

Site de artes NFT, feito por meio de uma orientação de um vídeo tutorial do canal Code Bucks.

• Host: GitHub
• URL: https://github.com/marlinsk/landing-page-the-weirdos-nft-website-react
• Owner: Marlinsk
• Created: 2022-03-07T00:07:51.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-06-15T16:31:48.000Z (over 2 years ago)
• Last Synced: 2023-03-05T23:04:53.056Z (over 1 year ago)
• Topics: beginner-project, gsap, gsap-scrolltrigger, gsap3, landing-page, nft, nft-gallery, react, react-hooks, reactjs, responsive, scrolltrigger, styled-components, website-development, website-template
• Language: JavaScript
• Homepage:
• Size: 1.55 MB
• Stars: 3
• Watchers: 1
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# How to Create NFT Collection Landing Page in React JS

This repository contains starter code for NFT Collection Website in ReactJS. 


View Demo👇: 


https://the-weirdos.netlify.app/ 


If you want to learn how to create it please follow below tutorial👇: 


https://youtu.be/edr2o59Twrs 


### Images of The NFT Collection Website:

![HOME](https://github.com/codebucks27/The-Weirdos-NFT-Website-Starter-Code/blob/main/Home%20-%20Desktop.png)

![ABOUT](https://github.com/codebucks27/The-Weirdos-NFT-Website-Starter-Code/blob/main/Home-2%20-%20Desktop.png)



  

  



### Resources Used in This Project

Character Figures: https://bigheads.io/ 


Fonts: https://fontsource.org/ 


Svg Icons From: https://icons8.com & https://freesvg.org/   


### External Libraries used in this project: 

[styled-components](https://styled-components.com/docs/advanced) 


[GSAP](https://greensock.com/gsap/) 


[type-writer effect](https://www.npmjs.com/package/typewriter-effect) 


[react-confetti](https://www.npmjs.com/package/react-confetti) 


[react-use](https://www.npmjs.com/package/react-use)