36 lines
1.2 KiB
Markdown
36 lines
1.2 KiB
Markdown
|
# Austin's Starter Project Template
|
||
|
|
||
|
## Usage
|
||
|
|
||
|
1. Clone this repository
|
||
|
2. `yarn`
|
||
|
3. `yarn dev` to start development
|
||
|
4. Setup Firebase
|
||
|
|
||
|
## Setting up Firebase
|
||
|
|
||
|
1. Go to https://console.firebase.google.com/ and create a new project
|
||
|
1. Go to Project Settings and add Firebase to your web app
|
||
|
a. Copy firebaseConfig to `src/network/init.ts`
|
||
|
1. Create a Firestore Database
|
||
|
a. Create a new collection called `users`
|
||
|
b. Set up the security rules (see `src/network/example-rules.txt`)
|
||
|
|
||
|
1. Enable Authetication & Google auth
|
||
|
|
||
|
## Built on top of
|
||
|
|
||
|
- [VueJS](https://v3.vuejs.org/guide/introduction.html) on the frontend
|
||
|
- [Vite](https://vitejs.dev/) for bundling and serving
|
||
|
- [TailwindCSS](https://tailwindcss.com/) for styling
|
||
|
- [WindiCSS](https://windicss.org/) specifically for faster loading times
|
||
|
- [DaisyUI](https://daisyui.com/) for a default set of components
|
||
|
- [Firestore](https://firebase.google.com/docs/firestore) for the database
|
||
|
- [Firebase Auth](https://firebase.google.com/docs/auth) for login
|
||
|
|
||
|
### TODOs:
|
||
|
|
||
|
- [Netlify](https://www.netlify.com/) for hosting
|
||
|
- [Stripe](https://stripe.com/) for payments
|
||
|
- [Mailjet](https://www.mailjet.com/) for marketing & transactional emails
|