Live Demo: https://nhope123.github.io/wazoo/
Wazoo is a sleek and modern web application that provides comprehensive information about Twitch users. Leveraging cutting-edge web technologies, it offers a seamless and intuitive user experience, combining simplicity with exceptional performance.
- Intuitive User Interface
- Sleek, modern design for a seamless experience.
- Responsive layout optimized for all screen sizes, from desktop to mobile.
- Browse Twitch Users: View a curated collection of Twitch users in an organized interface.
- Filter by Status: Easily filter users by their status: online, offline, or view all.
- Detailed User Profiles: Display comprehensive details about a selected user, including status and additional info.
- Quick Access to Streams: Click a user's name to instantly open their Twitch channel and watch their live stream.
- Search by Username: Find specific Twitch users quickly with a responsive search feature.
Personalize settings to suit your workflow.
- Theme Persistence: Enjoy a personalized experience with a theme setting that remembers your preference (dark or light mode).
- Built-in [e.g., search or filtering features] to quickly find what you need. [If applicable, add something about how data is handled or stored.]
- Frontend: React, Vite, TypeScript
- Styling: Material-ui
- Deployment: GitHub Pages
- Test: Vitest, Testing-Library/react
Ensure you have the following installed on your machine:
- Node.js
- Yarn or npm
- Clone the repository:
git clone https://github.com/nhope123/wazoo.git
cd wazoo- Install dependencies:
yarn install- Create and add the app name to .env file
touch .env && echo 'VITE_APP_NAME=<nameYouWant>' >> .env
- Start the development server:
yarn dev
- Open your browser and navigate to http://localhost:5173
This project is licensed under the MIT License.