Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dewa-nanda/memo-app
simple and intuitive application built using Vue 3 and Vit. This app allows users to create, edit, and delete memos easily.
https://github.com/dewa-nanda/memo-app
pinia tailwind-css tailwindcss vue vue-composition-api vue3 vue3-typescript vuejs
Last synced: 16 days ago
JSON representation
simple and intuitive application built using Vue 3 and Vit. This app allows users to create, edit, and delete memos easily.
- Host: GitHub
- URL: https://github.com/dewa-nanda/memo-app
- Owner: dewa-nanda
- Created: 2024-08-28T15:27:03.000Z (3 months ago)
- Default Branch: master
- Last Pushed: 2024-09-11T09:30:13.000Z (2 months ago)
- Last Synced: 2024-10-16T12:10:00.286Z (about 1 month ago)
- Topics: pinia, tailwind-css, tailwindcss, vue, vue-composition-api, vue3, vue3-typescript, vuejs
- Language: Vue
- Homepage: https://memo-app-psi.vercel.app
- Size: 153 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Memo App 📝
Memo App is a simple and intuitive application built using **Vue 3** and **Vite**. This app allows users to create, edit, and delete memos easily.
## Features
- Create new memos
- Edit existing memos
- Delete memos
- Responsive design## Tech Stack
[![My Skills](https://skillicons.dev/icons?i=vue,vite,pinia,ts,tailwind)](https://skillicons.dev)- **Vue 3** - The progressive JavaScript framework for building user interfaces.
- **Vite** - A fast build tool for modern web projects.
- **Pinia** - State management library (replaceable by Vuex).
- **TypeScript** - For static typing.
- **Tailwind CSS** - A utility-first CSS framework for styling your application.## Demo
You can check out the demo of the app here: [Live Demo](https://ket-memo-app.netlify.app/)
## Project Setup
To get the project up and running locally, follow the steps below:
### Prerequisites
- Node.js (>= 14.x)
- NPM (>= 6.x)### Installation
1. Clone the repository:
```bash
git clone https://github.com/dewa-nanda/memo-app.git
cd memo-app
2. Install the dependencies:
```bash
npm install
4. Run the development server:
```bash
npm run dev
6. Build the project for production:
```bash
npm run build
8. Preview the production build:
```bash
npm run preview