Skip to content

Sample Vue project derived from the typical "TODO app", instead of managing TODOs, this app can be used to keep a list of courses and material (knowledge base).

Notifications You must be signed in to change notification settings

carlosperales95/frontend-knowledge

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

frontend-knowledge

Vue3 + Pinia + Volar - Project Example

Project description

Pinia Knowledge is an example of a personal knowledge manager, where the user saves the courses they want to follow, quite similat to a ToDo list.

The features include:

  • Listing courses
  • Adding course
  • Modifying a course
  • Deleting a course

The data is managed using Firebase as DB, where all courses are saved.

Initial Setup

Create a `.env` or `.env.local` file in the project's root folder, with the URL value of your `Firebase` DB as `VITE_API_URL`.

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

Deployed?

Example deployed here!

About

Sample Vue project derived from the typical "TODO app", instead of managing TODOs, this app can be used to keep a list of courses and material (knowledge base).

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published