Welcome to the Genshin Impact Web App, a personal project designed to showcase my software development skills through a clean, functional, and responsive interface.
The app is live and accessible at: https://sumeru.dev/
- Dynamic Data Integration: Powered by RESTful APIs to fetch and display game data.
- Responsive Design: Ensures a seamless user experience across all devices.
- Regex Usage: Efficiently processes and validates text inputs for specific functionalities that enhance UX/UI.
- Theme Customization: Light and Dark Mode toggle, allowing users to switch between themes based on their preferences or environmental lighting conditions
- Search and Filter: Add a search bar or filters for easier data navigation (e.g., finding Genshin characters by attributes like elements, rarity, or weapons).
- Sorting: Allow users to sort data (e.g., by ascending/descending character levels, attack power, etc.).
- Dynamic Display Modes: Allows users to switch between Grid View and Table View for displaying character information, providing flexibility to suit different user preferences
This project was built using the following technologies and tools:
- ReactJS: Front-end framework for building an interactive user interface.
- TailwindCSS: Utility-first CSS framework for fast and efficient styling.
- RESTful APIs: Integrated for fetching and managing data dynamically.
- Regex: Utilized for input validation and string manipulation.
- Git: Version control for tracking and managing changes.
- Responsive Design Principles: To ensure the app looks great on all screen sizes.
This project serves as a portfolio piece to demonstrate my expertise as a software developer. It highlights my ability to:
- Build dynamic web applications.
- Implement modern, mobile-friendly design principles.
- Utilize APIs and regex for handling data effectively.
While this is a personal project, suggestions and feedback are always welcome! Feel free to open an issue or submit a pull request.
Thank you for taking the time to explore my project! If you enjoyed it or found it useful, feel free to ⭐ the repository.