A small twitter-esque app created as a playground to teach myself/learn Vue/Vuex.
Technologies:
- Vue
- Vuex
- Firestore / Google Storage
- Jest
Features added so far:
- User auth flow
- Create new posts with option to attach an image
- Delete posts
- Bookmark feature
- Modal to see full image
- Update account in settings
- Upload both profile photo and profile banner, changes are propagated through all posts and comments
- Commenting
- Likes
- User Profile page (displays: handle, display name, profile pic, birthday, location, list of all posts made by a particular user)
TODO:
- Followers/Following
- Make an account private
- The continued refactoring of various components
- Major CSS refactoring and consolidation so much duplication it's humilating tbh.
Notes:
Note to self, use a CSS framework next time instead of doing it all from scratch, regardless it's a fun exercise!
Having worked on this for a while, there are quite a few things I realize I need to do. There is heavy code reuse in some places which I need to address, and to break more things out into their own components. I also need to make some of the methods global as they're being used a lot (ex: delete pane), I've already moved my filters to global. A lot needs to be done but the progress is nice. I feel much more productive with Vue than React but I do still find myself doing things the React way in lieu of not really knowing how to do them the Vue way.
🏠 Homepage
yarn install
yarn serve
👤 Dion Pettaway
- Twitter: @SoMiskeen
- Github: @diope
Contributions, issues and feature requests are welcome !
Feel free to check issues page.
Give a ⭐️ if this project helped you !
Copyright © 2019 Dion Pettaway.
This project is MIT licensed.