enayetsyl/easy-task

This is a task management app. User can list their task in three categories todo, on going, complete. Drag and drop feature added and Material UI is used for designing.

Live site link https://task-management-enayet.web.app/dashboard

GitHub client side link https://github.com/enayetsyl/easy-task

GitHub server side link https://github.com/enayetsyl/easy-task-server

Technologies used in the project.

Client-side:

React Ecosystem:

• React: A JavaScript library for building user interfaces.

• React DOM: Provides DOM-specific methods for working with the DOM.

• React Router DOM: Library for routing in React applications.

• React Hook Form: Library for managing forms in React applications.

• React Query: Provides hooks for fetching, caching, and updating asynchronous data.

• React DnD: Enables drag-and-drop functionality in React applications.

• React Toastify: A notification library for React applications.

• Framer Motion: A library for creating smooth animations in React.

Styling:

• Tailwind CSS: A utility-first CSS framework for building modern web applications.

• Emotion: A popular library for styling components in React.

State Management:

• @tanstack/react-query: Used for managing state and fetching data.

UI Components:

• MUI (Material-UI): A popular React UI framework implementing Google's Material Design.

HTTP Requests:

• Axios: A promise-based HTTP client for making requests.

Utilities:

• Firebase: A cloud service for backend services.

• Swiper: A modern touch slider.

Server-side :

Node.js and Express:

• Express: A web application framework for Node.js.

• Cors: Middleware for enabling Cross-Origin Resource Sharing.

Database:

• MongoDB: A NoSQL database used for storing data.

• Mongoose: An ODM (Object Data Modeling) library for MongoDB and Node.js.

Environment Variables:

• dotenv: Loads environment variables from a .env file.

Development and Build Tools:

Build Tools:

• Vite: A fast frontend build tool that supports React.

• Linting and Formatting:

• ESLint: A tool for identifying and fixing problems in JavaScript code.

• Prettier: A code formatter.

Other Tools:

• LocalForage: A library for offline storage.

• PostCSS, Autoprefixer: Tools for processing CSS.

• Tailwind CSS: Used for styling on the client side.