This is a simple project that I made to practice and learn about bulma.io (Open Source CSS Library), firebase and Vue 3. I wanted to make a simple web app that would show a todos list to help you make things done. I also wanted to make it responsive so that it would look good on mobile devices.
Also I wanted to make it as simple as possible so that I could learn more about the technologies I used.
- 🌲 Vuejs 3
- ⚡️ Vite
- 💪 Typescript
- 💻 VSCode
- 📦 Pnpm
- 🎨 Bulma
- 🚀 Firebase
- 📱 Responsive
To get a local copy up and running follow these simple steps.
VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).
This is an example of how to list things you need to use the software and how to install them.
- Git
sudo apt-get install git- Pnpm
sudo npm install -g pnpm- Vue CLI
sudo npm install -g @vue/cli- Clone the repo
git clone https://github.com/hectorromerodev/todo-fire-vue.git- Install Dependencies
# If you dont have pnpm installed
npm install -g pnpm
# If you already have pnpm installed
pnpm install- Run the project
pnpm run dev- Build the project
pnpm run build💡 You can use this project to create your own todo app with other technologies, features or integrations.
For more examples, please refer to the Website Case Study from hr-webdev.com Twt: hectorromerodev
Hector Romero - @hectorromerodev
Project Link: Live Todo App
-
Icons made by Pixel perfect from www.flaticon.com