A modern, responsive task management application built with React. Tasktivate helps you organize and track your tasks efficiently with a clean, intuitive interface.
- User Authentication: Secure login and registration system
- Task Management: Create, update, and organize your tasks
- Responsive Design: Works seamlessly across desktop and mobile devices
- Real-time Updates: Instant feedback on task status changes
- Modern UI: Clean and intuitive interface with smooth animations
- Frontend Framework: React 19
- State Management: React Query (TanStack Query)
- Forms & Validation: Formik with Yup
- HTTP Client: Axios
- UI Components:
- React Select
- React Slick (carousel)
- Various icon libraries
- Styling: SASS with Autoprefixer
- Testing: Jest & React Testing Library
- Node.js (v16 or higher)
- npm or yarn
-
Clone the repository:
git clone <repository-url> cd tasktivate
-
Install dependencies:
npm install
-
Create a
.envfile in the root directory with required environment variables:REACT_APP_API_URL=your_api_url -
Start the development server:
npm start
The app will be available at http://localhost:3000.
npm start: Run development servernpm test: Run test suitenpm run build: Create production buildnpm run eject: Eject from Create React App
src/
├── components/ # Reusable UI components
├── pages/ # Main application views
├── hooks/ # Custom React hooks
├── services/ # API integration
├── styles/ # SASS styles
└── context/ # React context providers
Run the test suite:
npm testRun tests in watch mode:
npm test -- --watchWe love your input! We want to make contributing to Tasktivate as easy and transparent as possible. Please see our CONTRIBUTING.md for detailed information about:
- Code of Conduct
- Development Process
- Project Structure
- Coding Standards
- Pull Request Process
This project is licensed under the MIT License - see the LICENSE file for details.