https://github.com/tilarnaexedilica/grant-tracking---vuejs-dribble-ui-demo

VueJS Dribble UI Demo - Grant Tracking
https://github.com/tilarnaexedilica/grant-tracking---vuejs-dribble-ui-demo

dribbble dribble-challenge template ui-design vuejs

Last synced: 14 days ago
JSON representation

VueJS Dribble UI Demo - Grant Tracking

• Host: GitHub
• URL: https://github.com/tilarnaexedilica/grant-tracking---vuejs-dribble-ui-demo
• Owner: TilarnaExedilica
• Created: 2024-11-06T07:50:25.000Z (about 2 months ago)
• Default Branch: main
• Last Pushed: 2024-11-26T08:54:54.000Z (27 days ago)
• Last Synced: 2024-12-10T01:09:00.073Z (14 days ago)
• Topics: dribbble, dribble-challenge, template, ui-design, vuejs
• Language: Vue
• Homepage: https://grant-tracking-vue-js-dribble-ui-demo.vercel.app
• Size: 11.6 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Grant Tracking - VueJS UI Demo

![Grant Tracking](src/assets/images/logo.png)

Grant Tracking is a demo user interface project built with Vue.js, inspired by designs on Dribbble. This project showcases the ability to create beautiful and responsive user interfaces using Vue.js.

## UI by SokStudio

![UI by George Lov](src/assets/images/dribble_author.png)

## Screenshots

Under development...

## Live Demo

You can view a live demo of the project here: [Live Demo](https://grant-tracking-vue-js-dribble-ui-demo.vercel.app/)

## Installation

1. Ensure you have Node.js and npm installed on your computer.

2. Clone this repository:

   ```bash

   git clone https://github.com/TilarnaExdilika/Grant-tracking---VueJS-Dribble-UI-Demo

   ```

3. Navigate to the project directory:

   ```bash

   cd Grant-tracking-VueJS-Dribble-UI-Demo

   ```

4. Install dependencies:

   ```bash

   npm install

   ```

5. Run the application:

   ```bash

   npm run dev

   ```

## Project Structure

The project is organized as follows:

```bash

grant-tracking/

├── src/

│   ├── assets/

│   │   ├── images/

│   │   └── styles/

│   ├── components/

│   │   ├── common/

│   │   ├── features/

│   │   └── layout/

│   ├── config/

│   ├── data/

│   ├── stores/

│   ├── types/

│   ├── views/

│   └── main.ts

├── public/

│   └── index.html

├── package.json

├── tsconfig.json

└── vite.config.ts

```

## Dependencies

The project uses the following packages:

- vue

- vue-router

- pinia

- @fortawesome/fontawesome-free

- typescript

- vite

- eslint

- prettier

## Contact

If you have any questions or suggestions, please reach out:

[![GitHub](https://upload.wikimedia.org/wikipedia/commons/thumb/c/c2/GitHub_Invertocat_Logo.svg/30px-GitHub_Invertocat_Logo.svg.png)](https://github.com/TilarnaExedilica) GitHub: TilarnaExedilica

[![Facebook](https://upload.wikimedia.org/wikipedia/en/thumb/0/04/Facebook_f_logo_%282021%29.svg/30px-Facebook_f_logo_%282021%29.svg.png?20210818083032)](https://www.facebook.com/IShino.Avery/) Phạm Anh

---

Thank you for your interest in this project!