Welcome to Shonen Kicks! Your next legendary pair awaits. Step into the world of Shonen Kicks.
Note: This website is hosted on GitHub Pages’ free plan, so image loading might take a little longer than usual.
- Fake Login: A playful login form that lets you enter a username to “log in” just for fun — no password, no real authentication, and no data saved.
- Shoe Collection: Showcase a variety of anime-inspired sneakers based on shonen characters.
- Character-Themed Designs: Each pair features unique design elements inspired by a specific shonen character.
- Browse by Audience: Effortlessly explore collections tailored for men, women, or kids using the top navigation menu.
- Filter, Search & Sort: Easily find shoes by name, series, or price range, and sort results to discover your favorites faster.
- Add to Cart: Easily select sizes and add shoes to your cart for a smooth shopping flow.
- Cart Summary: View and manage selected items before checkout.
- Clean UI/UX: Navigate through the site effortlessly with a clean, modern interface.
- Responsive Design: Enjoy a seamless experience across all devices, from mobile to desktop.
- Frontend: React.js, HTML, CSS
- Backend: None (frontend-only project)
- Deployment: Hosted on GitHub Pages
- Clone the repository:
git clone https://github.com/your-username/readsy.git
- Navigate to the project directory:
cd shonen-kicks - Install the dependencies:
npm install
- Start the development server:
npm run dev
- Open your browser and visit:
http://localhost:5173/
- Log In: Type any username to “log in” and explore the site with a lighthearted, simulated login experience. No password or data persistence involved.
- Browse by Audience: Use the top navigation menu to explore collections for men, women, or kids.
- Filter, Search & Sort: Quickly find shoes by name, series, or price range, and sort results to easily browse your favorites.
- Explore the Collection: Discover anime-inspired sneakers themed after your favorite shonen characters.
- View Shoe Details: Click on a shoe to see its design inspiration, available sizes, and description.
- Add to Cart: Select your preferred size and add the item to your cart for review.
- Check Your Cart: Review your selected shoes in the cart before proceeding to checkout (demo only, no real payment system).
If you'd like to contribute to Shonen Kicks, please feel free to fork the repository, make your changes, and submit a pull request. I appreciate your support and contributions!
This project is licensed under the MIT License. See the LICENSE file for more details.
- React.js for building a dynamic and responsive user interface
- Vite for fast and efficient development environment
- ChatGPT by OpenAI for generating anime-inspired sneaker visuals and writing sneaker descriptions
- Render for providing reliable hosting services
- GitHub Pages: for easy and free deployment
- Icons used in this project were sourced from various free icon libraries. Thanks to the creators for making these resources available.