Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/olgabull/vue3_carsdemo

adaptive bem-methodology flexbox grid-layout javascript pinia rest-api sass svg-sprite vite vue-router vue3

Last synced: 6 days ago
JSON representation

Host: GitHub
URL: https://github.com/olgabull/vue3_carsdemo
Owner: OlgaBuLL
Created: 2024-09-15T16:55:24.000Z (3 months ago)
Default Branch: gh-pages
Last Pushed: 2024-09-15T19:09:10.000Z (3 months ago)
Last Synced: 2024-10-31T09:24:26.959Z (about 2 months ago)
Topics: adaptive, bem-methodology, flexbox, grid-layout, javascript, pinia, rest-api, sass, svg-sprite, vite, vue-router, vue3
Language: HTML
Homepage: https://olga-bull-cars-demo.netlify.app
Size: 149 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

🚗 Cars Demo

## Functionality:

🏎 Routing
🏎 Get cars list from cars API
🏎 Search cars via server query
🏎 Ability to select vehicles per page
🏎 Server pagination
🏎 SVG sprite for convenient icons usage
🏎 Active page highlighting
🏎 Semantic and adaptive layout

## A brief overview of this project:

#### VIEW DEMO

>OR Click on the image below to visit this website!

[![cars](https://github.com/user-attachments/assets/4220e02c-8b30-4e9e-bdc0-7ec8381a5d75)](https://olga-bull-cars-demo.netlify.app/)

## Stack:

🔸 `Vue 3 Composition API`
🔸 `Vue Router`
🔸 `Pinia`
🔸 `SVG-sprite`
🔸 `REST API`
🔸 `SASS`
🔸 `BEM-methodology`
🔸 `Java Script`
🔸 `Grid`
🔸 `Flex`
🔸 `semantic and adaptive layout`
🔸 `Vite`

## Available Scripts:

In the project directory, you can run:

#### `npm install` - to install dependencies
#### `npm run dev` - to start the project
#### `npm run build` - to create a production build
#### `npm run deploy` - to deploy project

## Contacts:

GitHub

Telegram

E-mail

LinkedIn