Zesty is a fully responsive web application built with React + Vite, incorporating all core React concepts. The app delivers an interactive and seamless user experience by leveraging state management, optimized rendering, and modern development tools.
✅ Fast & Optimized – Powered by Vite for ultra-fast build times ⚡
🎨 Modern UI – Built with Tailwind CSS for a sleek and responsive design
🛠 State Management – Utilizes Redux Toolkit for efficient data handling
🚀 3D Interactivity – Implemented using Three.js and @react-three/fiber
🌍 Smooth Navigation – Integrated with React Router DOM for seamless transitions
🔔 Live Feedback – Enhanced UX with Lucide React icons and animations
- React (Frontend UI)
- Vite (Fast build tool for React apps)
- Redux Toolkit (State management)
- Three.js & @react-three/fiber (3D rendering)
- Lucide React (Icon library)
- React Router DOM (Client-side routing)
- Tailwind CSS (Utility-first styling framework)
Ensure you have Node.js and npm installed on your system.
- Clone the repository:
git clone https://github.com/MatinT-SA/zesty.git cd zesty - Install dependencies:
npm install
- Start the development server:
npm run dev
- Open http://localhost:5173 in your browser.
- Explore the interactive UI built with Three.js.
- Navigate smoothly between pages using React Router DOM.
- Enjoy real-time updates and a fluid experience.
Contributions are welcome! To contribute:
- Fork the repository.
- Create a new branch (
git checkout -b feature-branch). - Commit your changes (
git commit -m "Added a new feature"). - Push to your branch (
git push origin feature-branch). - Open a Pull Request.
Note: If you have API issues, please connect to a VPN as some services may be restricted in certain regions.
Enjoy using Zesty and happy coding! 🚀