Welcome to MasterTask, a Multi-Page Application (SPA) Todo App that serves as a comprehensive web solution for efficient project and to-do list management. This project is built using the MERN stack (MongoDB, Express, ReactJS, NodeJS) alongside TypeScript, Redux, and Vite, showcasing a powerful and scalable approach to modern web development.
TypeScript Everywhere: The entire codebase is fully typed, ensuring a robust and error-resistant development experience.
MERN Stack Backend: Utilizing MongoDB, Express, ReactJS, and NodeJS, the backend provides a reliable and scalable foundation for data storage and retrieval
CRUD operations for projects (Create, Read, Update, Delete) CRUD operations for tasks (Create, Read, Update, Delete)
Authentication: Users can register and log in securely, ensuring a personalized experience with saved projects and tasks.
Mobile-Friendly Design: The app includes a responsive design with a dedicated mobile version. The project page features a slider for convenient navigation, and tasks support drag-and-drop functionality
Drag and Drop Functionality: Users can easily manage their tasks with the intuitive drag-and-drop feature.
Custom Design: The application features a unique design to provide an aesthetically pleasing and user-friendly experience.
- ReactJS with Vite (for development)
- Redux for state management
- TypeScript
- Styled-components for styling
- Axios for API communication
- React Router DOM for navigation
- React Beautiful DND for drag-and-drop functionality
- Axios for handling HTTP requests
- Web Vitals for performance monitorin
- Node.js
- Express.js for server-side logic
- MongoDB for data storage
- Mongoose for MongoDB object modeling
- JWT for secure authentication
- Bcrypt for password hashing
- Joi for request validation
- Cors for handling cross-origin resource sharing
- Note: The backend code is not visible for security reasons.
To run the application locally: Clone the repository :
git cloneNavigate to the frontend directory and run npm install followed by npm run dev
npm installnpm run dev-Visit: MasterTask to access the deployed application.
Thank you for visiting MasterTask! For any inquiries or collaboration opportunities, feel free to contact me. Connect with me on email at ivankosteev-it@yandex.ru or Telegram