Welcome to the Character Customization Game! This ReactJS-based game allows players to create and customize their own character by selecting different facial features, hairstyles, clothing, and accessories. Dive into the fun of designing a unique avatar that represents your style!
)
- 🧑 Face Customization: Modify the character's face by choosing different facial shapes, noses, and eyes.
- 💇 Hair Styling: Select from a variety of hairstyles to give your character the perfect look.
- 👒 Accessories: Add caps, hats, and other accessories to enhance your character's appearance.
- 👕 Outfit Selection: Pick and choose from different shirts and outfits to dress up your character.
- 🎨 Real-time Preview: See changes applied in real-time as you customize the character.
- 📱 Responsive Design: Fully responsive design, ensuring a smooth experience across all devices.
- Frontend: ReactJS, JavaScript, CSS
- State Management: React Hooks (useState, useEffect)
- UI Components: Custom components with CSS styling
To run the Character Customization Game locally, follow these steps:
- Clone the repository:
git clone https://github.com/peterT23/character-customization-game.git
- Navigate to the project directory: cd character-customization Game
- Install dependencies: npm install
- start the development server npm start
- Customize the Character: Use the provided options to change the character's face, hair, eyes, nose, and other features.
- Outfit Your Character: Select different shirts and accessories like caps to outfit your character.
- Real-time Preview: Watch as your character updates instantly with each selection.
Link demo: https://reactjs-character-customization.netlify.app/