Pedrohamoura-Git/metaverse-madness

Metaverse Madness

• Live Site URL: - Live Site

Table of contents

• Overview
  • The challenge
  • Screenshots
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author

Overview

The challenge

Users should be able to:

Screenshots

OBS: THE IMAGES MAY NOT BE IN THE SAME SCALE.

Static Preview

My process

Built with

• Semantic HTML5 markup
• Flexbox
• CSS custom properties
• CSS Grid
• CSS Animations
• Tailwind

What I learned

...

Continued development

...

Useful resources

• The Perils of Rehydration
• NextJs font optimization
• No Stylesheets In Head Component
• Flip animation technique
• Learn Framer Motion: Animate CSS Grid and Flexbox Layouts
• useScroll | Framer for Developers
• Using CSS to hide scrollbars without impacting scrolling
• How to translate your React app with react-i18next
• Jest+React Native Testing Library: How to test an image src?

Author

• My Portfolio - portfolio
• Instagram - @ph_pedrohenrique21