
摄影记录网站,基于 Nuxt 3 开发,支持常见的图片格式。图片存储兼容 S3 API、AList API、支持 CDN 配置。同时适配了 PC 和移动端的样式与交互。
PicImpact is an innovative tool designed specifically for photography enthusiasts who want to showcase their skills and manage their images effectively. Built on the robust Nuxt 3 framework, this platform offers a stunning waterfall layout for displaying images, complete with previews and EXIF data. It supports various image formats and provides photographers with the ability to upload and manage their photographic data seamlessly.
The application's user interface is not only attractive but also highly functional, catering to both desktop and mobile users. With its easy-to-navigate design, photographers can focus on what they do best—capturing and sharing beautiful visuals.
EXIF Data Management: Effortlessly read, upload, and manage image EXIF information, enhancing the metadata accessibility of your photos.
Image Storage Compatibility: Supports various storage solutions such as AWS S3, Alibaba Cloud OSS, and self-hosted options like MinIO, ensuring flexibility in your storage choices.
Cross-Platform Support: Optimized for both PC and mobile devices, allowing users to enjoy a smooth experience regardless of their preferred device.
Customizable Album Pages: Easily create and configure multiple album pages with custom titles and links for better organization and presentation.
White List Configuration: Provides robust options for managing access to different pages and APIs, ensuring secure and controlled user interactions.
SEO Optimization: Comes with built-in configurations for pre-rendering pages, resulting in faster loading times and improved search engine visibility.
Environment Variable Security: Utilizes encrypted environment variables for safe handling of sensitive data, maintaining the integrity of your project.
User-Friendly Deployment Options: Offers a straightforward deployment process, whether you’re using Vercel or deploying on your own infrastructure, making it accessible for users of all experience levels.

nuxt.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.
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.
Pinia is the official state management library for Vue.js. It provides a simple and intuitive API with full TypeScript support, devtools integration, and modular design. Pinia replaces Vuex as the recommended state management solution for Vue 3.
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.