Tomato Work
个人事务管理系统
Overview:
The product is a Todo list with various features and functionalities like GitHub login, reminders, activity lists, financial management, company units, personal center, memo support in Markdown & WYSIWYG, internal messaging, email notifications (requires GitHub email to be public), WeChat notifications (requires SCKEY setup in personal center), and log management. It is built with Hooks, TypeScript, Redux, Ant Design, and Vite.
Features:
- GitHub Login: Users can log in using their GitHub accounts.
- Reminders: Provides reminders for tasks and activities.
- Activity Lists: Allows users to create lists for various activities.
- Today's To-Do: Helps in managing tasks for the current day.
- Financial Management: Features for managing finances.
- Company Units: Organizational management tools for company use.
- Personal Center: Personalized settings and features for individual users.
- Memo Support: Support for memos in Markdown & WYSIWYG format.
- Internal Messaging: Enables communication through internal messages.
- Email Notifications: Notifications via email (GitHub email must be public).
- WeChat Notifications: Notifications via WeChat with Server Chan integration.
- Log Management: Tools for managing system logs.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- Ant Design
Ant Design is a React UI library that provides a set of pre-designed components and design resources for building high-quality, responsive web applications.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Recharts
Recharts is a powerful and easy-to-use React library for building customizable and interactive charts. Built on D3.js, it offers a wide range of pre-built chart types, such as line, bar, pie, and scatter charts, all of which can be composed with a declarative syntax.
- Redux
Redux is a state management library for JavaScript apps that provides a predictable and centralized way to manage application state. It enables developers to write actions and reducers that update the state in response to user interactions, server responses, and other events, and can be used with a variety of front-end frameworks and back-end technologies.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.
