SE-Designs/unsplash-demo

Unsplash demo project made overnight

Unsplash Demo

Description:

Unsplash demo application made overnight)

Technologies:

• 🚀 Frontend framework - Vue 3
• 💪 Primary language - Typescript
• 🗱 Build tool - Vite
• 🚦 Routing - Vue Router
• 💡 State management - Pinia
• 🌠 Requests - Fetch API
• 🩳 Styling - SCSS
• 🌐 Cross-browser compatibility - Autoprefixer
• 🌠 Icon solution - Remix Icons
• 📰 Linting - Eslint
• 🗳️ Formatting - Prettier
• ⚙️ Images - Unsplash API
• 📱 Storage - Localstorage

[Back to top]

Installation:

• npm install — установка пакетов;
• npm run dev — компиляция проекта;
• npm run build — сборка проекта;

[Back to top]

File structure:

unsplash-demo/
├── public/
│   ├── logo.ico
│   └── ...
├── src/
│   ├── assets/
│   │   ├── icons/
│   │   └── ...
│   ├── components/
│   │   └── ...
│   ├── router/
│   │   ├── index.ts
│   │   └── ...
│   ├── stores/
│   │   └── ...
│   ├── utils/
│   │   └── ...
│   ├── views/
│   │   └── ...
│   ├── App.vue
│   └── main.ts
├── .eslintrc.cjs
├── .gitignore
├── .postcssrc.json
├── .prettierrc.json
├── env.d.ts
├── index.html
├── package-lock.json
├── package.json
├── README.md
├── tsconfig.app.json
├── tsconfig.json
├── tsconfig.node.json
├── tsconfig.vitest.json
├── vite.config.ts
└── vitest.config.ts

[Back to top]

Website deployment:

TBU

[Back to top]

Available Scripts:

Development mode:

To start the development server:

npm run dev

The development server will run on port 3000 by default.

Build mode:

To build the project:

npm run build

Preview mode:

To preview the production build:

npm run preview

Lint and format:

To run ESLint for linting:

npm run lint

To format the source code with Prettier:

npm run format