Neno
使用svelte+tailwindcss 仿照 浮墨 写的pwa应用
Overview
Neno is a PWA (Progressive Web Application) built using Svelte and Tailwind CSS. It is an open-source version inspired by the Fumo app. Neno offers similar basic functionality to Fumo, allowing users to store all their data, including text and images, completely offline using GitHub or Gitee. It also supports importing and exporting data, syncing content to Notion using GitHub Actions, and plugins for uTools, WeChat Official Accounts, and Telegram Bot for note-taking. Neno also provides a CLI tool and a browser plugin for quick note-taking. It can be easily deployed on Vercel and has various features and deployment options available.
Features
- Offline Usage: All data, including text and images, can be used completely offline.
- Data Storage: Neno utilizes GitHub or Gitee as the storage platform for all user data.
- Data Import and Export: Neno supports importing and exporting data, allowing for easy migration and backup of content.
- Notion Sync: Neno can sync content to Notion using GitHub Actions.
- uTools Plugin: Neno offers a plugin for uTools, a fast tool platform.
- WeChat Official Account: Users can input notes to Neno using WeChat Official Accounts.
- Telegram Bot: Neno supports note-taking through the Telegram Bot platform.
- CLI Tool: Neno provides a CLI tool for convenient note-taking.
- Browser Plugin: Neno has a browser plugin for quick text selection and note-taking.
- Svelte
Svelte is a modern front-end framework that compiles your code at build time, resulting in smaller and faster applications. It uses a reactive approach to update the DOM, allowing for high performance and a smoother user experience.
- Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- Postcss
PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.
- 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.
