Qwitter is a Twitter-like social media application built with Vue.js and Quasar Framework. It allows users to post short messages called "Qweets", like them, and delete them.
- Create new Qweets with a character limit of 250
- Real-time updates of Qweets using Firebase Firestore
- Like/unlike Qweets
- Delete Qweets
- Responsive design for various screen sizes
- Vue.js
- Quasar Framework
- Firebase Firestore
- date-fns for relative time formatting
The main component PageHome.vue contains the following sections:
- New Qweet input
- Qweet list with real-time updates
- Individual Qweet components with like and delete functionality
- Clone the repository
- Install dependencies:
npm install - Set up a Firebase project and add your configuration to
src/boot/firebase.js - Run the development server:
quasar dev
The application follows a component-based architecture, with the main functionality encapsulated in PageHome.vue. It utilizes Firestore for real-time data synchronization and Vue.js computed properties for efficient data processing.
- User authentication and profiles
- Advanced content interactions (retweets, comments)
- Media upload capabilities
- Search and discovery features
- Direct messaging system
Contributions are welcome! Please feel free to submit a Pull Request.
- freeCodeCamp for the project inspiration and learning resources
- Quasar Framework and Firebase teams for their excellent tools