Taskvelte

taskvelte (beta) is a simple CRUD application created with Svelte, Firebase v9 & Tailwind CSS.

📦 Feautures

• Svelte.
• Firebase.
• Tailwind CSS with PostCSS.
• @rollup/plugin-replace.
• svelte-routing.
• dotenv.

🚀 Get Started

You need:

• Git
• Nodejs 16+
• Firebase Database

Clone the repository & install dependencies:

git@github.com:pheralb/taskvelte.git
cd taskvelte
npm install

📢 If you're using Visual Studio Code we recommend installing the official extension Svelte for VS Code.

⚙️ Firebase Configuration

1. Create a database with Firebase. Then, in the project configuration click on "Add app" -> "</>" and copy the keys in a .env file:

APP_ENV_FIREBASE_API_KEY=
APP_ENV_FIREBASE_AUTH_DOMAIN=
APP_ENV_FIREBASE_PROJECT_ID=
APP_ENV_FIREBASE_STORAGE_BUCKET=
APP_ENV_FIREBASE_MESSAGING_SENDER_ID=
APP_ENV_FIREBASE_APP_ID=

2. Enable in the Authentication (/authentication/providers) section the possibility of logging in with Google.

3. Run the project with Rollup:

npm run dev

and open localhost:8080 🎉.