An Chatbot in VueJS written with DialogFlow. With slight curation more helping the user finding its product. the curation tool required an backend which i didn't anticipated in my tutorials or my end product
(A list of everything to do and a roadmap)
- Setup VueJS
- Map out curation tool
- Create Roadmap
- Fast set up tool
- Design Tutorials
- Code Tutorials
- Design
- Iterate design
(A roadmap of this project + Image of github projects)
Here you can find my roadmap: Click here to check my roadmap/Github projects
(Most of these are lynda tutorials)
The playlist of tutorials i will be watching on Lynda.
- My Lynda Playlist 22 hours
- Lynda VueJS setup
- Building an interface with VueJS
- Learning webpack 3
- Mastering webdeveloper interview code
- Interactive Animations with CSS and Javascript
- Free VueJS Course 4hrs
- CSS Grid 2hrs
- CSS FlexBox 2hrs
The courses I will follow on teamtreehouse
- VueJS Basics 2hrs
- Getting started with Webpack
- Prototyping with Figma
- CSS Layouting
- Responsive Images
- Responsive Layouts
- Rapid Website prototyping
- Javascript Unit Testing
(around 39 hours)
Other resources I will be using.
- setup a VueJS project in 5 easy steps - 10min read and doing
- VueJS setup 10min read and doing
- 5 Tools for Faster Vue.js App Development - 10min read and doing
- Production Deployment - 10min read and doing
- Deploying a VueJS app - 10min read and doing
Well i learned alot of the tutorials. There has been a lot of reading than following tutorials. Because alot of what i wanted to achieve wasn't really a tutorial for. here is a list of the hours spend and the hours spend on making different components.
| components | h/ tutorials | h/ making | notes |
|---|---|---|---|
| VueJS setup | 2h | 15m | - |
| CSS layouting | 4h | 20m | - |
| Components | 12h | 10m | at least i needed to revisit this multiple times |
| Dialogflow setup | 20h | 10h | this was the hardest, unfamiliar tech |
| Creating and styling | 1h | 30h | - |
| Testing | - | 5h | Javascript unit testing along side app |
| Deploying online | 20m | 1h | got it working |
| Total | 39h 20m | 46h 34m | Learned so much! |