Gamer Tags

Gamer Tags is a modern, responsive web application that allows gamers to create and share their gaming profiles across multiple platforms. Built with React, TypeScript, and Tailwind CSS, this app offers a sleek user interface with both dark and light modes.

Live Demo

You can access the live version of this app hosted on GitHub Pages at: https://blink-zero.github.io/gamer-tags

Features

• Create a personalized gaming profile with tags for popular platforms (Steam, Xbox, PlayStation, Nintendo, Twitch, Discord)
• Responsive design that works on desktop and mobile devices
• Dark and light mode support
• Easy sharing options (copy to clipboard and native share functionality)
• Local storage to persist user data
• Animated UI elements for a modern feel

Technologies Used

• React
• TypeScript
• Tailwind CSS
• Framer Motion for animations
• React Icons for platform logos
• Canvas Confetti for celebratory effects

Getting Started (Host it yourself)

1. Clone the repository
2. Install dependencies with npm install
3. Run the development server with npm run dev
4. Open your browser and navigate to http://localhost:5173

Building for Production

To create a production build, run:

npm run build

This will generate a dist folder with the compiled assets ready for deployment.

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is open source and available under the MIT License.