Repository navigation
TaskHub Frontend v1.0.0
🚀 Release Highlights
TaskHub is a modern task management application built with React and TypeScript, featuring a sleek cyberpunk-inspired design and robust functionality.
✨ Key Features
-
Secure Authentication System
- User registration and login
- JWT-based authentication
- Automatic session timeout management
-
Task Management
- Create, read, update, and delete tasks
- Status tracking (Pending, In Progress, Completed)
- Real-time status updates
- Responsive task cards with visual status indicators
-
Modern UI/UX
- Cool-inspired design
- Animated components and transitions
- Interactive sound effects
- Responsive layout for all devices
- Welcome screen with sound initialization
-
State Management
- Centralized Redux store
- Async operations with Redux Toolkit
- Persistent authentication state
🛠 Technical Stack
-
Core Technologies
- React 18
- TypeScript
- Redux Toolkit
- React Router v6
-
Styling
- TailwindCSS
- Custom animations
- Responsive design
-
Testing
- Jest
- React Testing Library
- 100% component coverage
📦 Installation
# Clone the repository
git clone https://github.com/your-username/taskhub-frontend.git
# Install dependencies
npm install
# Start development server
npm start
# Run tests
npm test🔧 Configuration
The application requires the following environment variables:
REACT_APP_API_URL: Backend API URL
🧪 Testing
# Run all tests
npm test
# Generate coverage report
npm run test:coverage📝 Notes
- Minimum Node.js version: 14.x
- Recommended browser: Chrome (latest version)
- Backend API required for full functionality
🐛 Known Issues
- Sound effects may not work on Safari mobile browsers
- Initial load time may be longer on slower connections
🔜 Future Improvements
- Dark/Light theme toggle
- Task categories and tags
- Drag and drop task organization
- Task priority levels
- Collaboration features
📄 License
MIT License - see LICENSE file for details
For more information, please visit my portfolio https://icham-mmadi.fr