More Premium Hugo Themes Premium Vue Themes

Vue Keep

Google Keep clone with Vue, Typescript and Firestore

Vue Keep

Google Keep clone with Vue, Typescript and Firestore

Author Avatar Theme by wobsoriano
Github Stars Github Stars: 103
Last Commit Last Commit: Oct 21, 2022 -
First Commit Created: Jun 1, 2024 -
default image

Overview:

Vue Keep is a Google Keep clone developed using Vue, Typescript, and Firestore. It provides users with a platform similar to Google Keep for managing notes and tasks. Users can utilize this tool to organize their thoughts, tasks, and reminders effectively. To use Vue Keep, users need to create a .env.local file at the root path and enter their Firebase project credentials.

Features:

  • Vue and Typescript: Developed using Vue and Typescript for efficient and scalable development.
  • Firestore Integration: Utilizes Firestore for real-time data storage and retrieval.
  • Note Management: Allows users to create, edit, and delete notes seamlessly.

Installation:

To install Vue Keep, follow these steps:

  1. Create a .env.local file at the root path of the project.
  2. Enter your Firebase project credentials in the .env.local file.
# Create .env.local file
touch .env.local
  1. Install dependencies using npm or yarn.
# Install dependencies using npm
npm install

# Or install dependencies using yarn
yarn install
  1. Run the project locally.
# Run the project
npm run serve

# Or using yarn
yarn serve
  1. Access the application in your browser at http://localhost:8080/.

Summary:

Vue Keep is a Google Keep clone that provides users with a platform to manage notes and tasks efficiently. With features like Vue and Typescript for development and Firestore integration for data storage, Vue Keep offers a seamless experience for organizing thoughts and tasks. By following the installation guide and setting up Firebase credentials, users can start using Vue Keep for their note-taking needs.