gabrielcarloto / adopet

Access the preview

📋 About

Psst: tem em português também! 🙋‍♂️

This project is being developed during the fourth Alura's Front-end Challenge. The main goal is to build a pet adoption website within four weeks, based on a Figma model.

• Challenges
  • First week
    • Build the pages following the mobile first approach
  • Second week
    • Adjust pages for larger screens
  • Third and fourth weeks
    • Add dynamic pages and authentication

💻 Technologies

• Typescript
• Vite
• React
• Tailwindcss
• Headless UI
• Framer Motion
• Lottie

🎯 My goals

• Create a page to view all sent/received messages
• Make the site fully keyboard navigable
• Use GraphQL
• Authentication

Animations

• Pet cards
• Pet name input in contact page
• Header icons
  • Links popover
  • User icon menu
• Lottie
  • Toggle password visualization button

🏃 How to run locally

# Clone the repo
git clone 

# Enter the directory
cd adopet

# Install the dependencies
pnpm i

# Run
pnpm dev