Vue Project Photos

DEMO

Project Overview

This project is a Vue.js application for managing and displaying photos. It leverages modern development tools and libraries to ensure an efficient and maintainable codebase.

Project Structure

• Name: vue-project-photos

Scripts

The following npm scripts are available:

• dev: Runs the development server using Vite.
• build: Compiles the application for production, ensuring TypeScript correctness.
• preview: Serves the production build for preview.
• lint: Lints the code using ESLint and fixes any issues automatically.

Dependencies

This project includes the following dependencies:

• @mdi/font: 7.4.47
• axios: ^1.7.7 - For making HTTP requests.
• core-js: ^3.37.1 - Polyfills for JavaScript features.
• roboto-fontface: * - Font package for Roboto font.
• vue: ^3.4.31 - Vue.js framework.
• vuetify: ^3.6.11 - Material Design component framework for Vue.js.

Development Dependencies

These are the development dependencies used in the project:

• @babel/types: ^7.24.7
• @types/node: ^20.14.10 - Type definitions for Node.js.
• @vitejs/plugin-vue: ^5.0.5 - Vite plugin for Vue support.
• @vue/eslint-config-typescript: ^13.0.0 - ESLint configuration for TypeScript in Vue.
• eslint: ^8.57.0 - Linting utility for JavaScript and TypeScript.
• eslint-config-standard: ^17.1.0 - Standard JavaScript style guide.
• eslint-plugin-import: ^2.29.1 - ESLint plugin for ES6 import/export syntax.
• eslint-plugin-n: ^16.6.2 - ESLint plugin for Node.js best practices.
• eslint-plugin-node: ^11.1.0 - ESLint plugin for Node.js.
• eslint-plugin-promise: ^6.4.0 - ESLint plugin for promise-related best practices.
• eslint-plugin-vue: ^9.27.0 - ESLint plugin for Vue.js.
• pinia: ^2.1.7 - State management library for Vue.
• sass: 1.77.6 - SASS preprocessor.
• typescript: ^5.4.2 - TypeScript language support.
• unplugin-auto-import: ^0.17.6 - Auto import utilities for Vue.
• unplugin-fonts: ^1.1.1 - Plugin to manage fonts.
• unplugin-vue-components: ^0.27.2 - Auto import of Vue components.
• unplugin-vue-router: ^0.10.0 - Plugin for Vue Router auto-import.
• vite: ^5.3.3 - Build tool that aims to provide a faster and leaner development experience for modern web projects.
• vite-plugin-vue-layouts: ^0.11.0 - Plugin for Vue layouts with Vite.
• vite-plugin-vuetify: ^2.0.3 - Vite plugin for Vuetify support.
• vue-router: ^4.4.0 - Official router for Vue.js.
• vue-tsc: ^2.0.26 - TypeScript support for Vue.

Installation

To get started with this project, clone the repository and install the dependencies:

git clone <repository-url>
cd vue-project-photos
npm install

Usage

To run the development server, use:

npm run dev

To build the project for production, use:

npm run build

To preview the production build, use:

npm run preview

To lint the code, use:

npm run lint

License

This project is licensed under the MIT License.