An open-source social media platform and public forum for questions and discussions, built for developers.

Overview

VUE

Mumble Vue Repository

Mumble

Mumble Community

About

Mumble is an open source project built with REACT for developers.
This is the Vue Version of Mumble

(A Mumble Clone built with vue.js)

Build Setup

# install dependencies
$ npm install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm run start

# generate static project
$ npm run generate

For detailed explanation on how things work, check out Nuxt.js docs.

Want to contribute ?

Check the CONTRIBUTING.md

Comments
  • User detail Page

    User detail Page

    I created the user detail page with the route '/user/'. For now I have made it so that the username that is entered in the route is displayed under a static profile picture. Only the username is dynamic.

    opened by ghost 6
  • Fixing responsiveness for a mumble.

    Fixing responsiveness for a mumble.

    When the screen size reduces to a phone the mumble title and time get jumbled and the options dots goes out of place. So, we need to reduce the font size of content, time and the author of the mumble when the screen size becomes small and add a 'truncate class' so if the name is too big it will be naaammm... .

    opened by ghost 5
  • Adding Post icons and fixing up icons responsiveness in mumble

    Adding Post icons and fixing up icons responsiveness in mumble

    Well detailed description of the change :

     I worked on the adding post options for updating and deleting if you are the author and unfollowing and other things if you are not.
    

    Context of the change :

     - Why is this change required ?
     - https://github.com/PraveenMalethia/mumble-vue/issues/41
    
    • Does it solve a problem ? (please link the issue)

    Type of change :

    • [ ] Bug fix

    • [x] New feature

    • [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)

    Preview (Screenshots) :

    If it is possible, please link screenshots of your changes preview !

    Checklist:

    • [x] I have read the CONTRIBUTING document.
    • [x] I have performed a self-review of my own code
    • [ ] I have commented my code, particularly in hard-to-understand areas
    • [x] My changes generate no new warnings
    • [ ] I have added tests that prove my fix is effective or that my feature works
    • [x] All new and existing tests passed.

    Reviewers

    @PraveenMalethia

    enhancement 
    opened by ghost 5
  • Creating sidenavbar for small screens

    Creating sidenavbar for small screens

    Well detailed description of the change :

     I worked on the sidebar for small screens
    

    Context of the change :

     - Why is this change required ?
    
    • Does it solve a problem ? (please link the issue) https://github.com/PraveenMalethia/mumble-vue/issues/23

    Type of change :

    • [ ] Bug fix

    • [ ] New feature

    • [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)

    Preview (Screenshots) :

    If it is possible, please link screenshots of your changes preview !

    Checklist:

    • [ ] I have read the CONTRIBUTING document.
    • [ ] I have performed a self-review of my own code
    • [ ] I have commented my code, particularly in hard-to-understand areas
    • [ ] My changes generate no new warnings
    • [ ] I have added tests that prove my fix is effective or that my feature works
    • [ ] All new and existing tests passed.

    Reviewers

    @PraveenMalethia

    opened by ghost 4
  • Adding loading to posts

    Adding loading to posts

    Well detailed description of the change :

     I made the skeleton loader for the posts.
    

    Context of the change :

     - Why is this change required ?
     - So that there is no empty space when the posts are loading
    
    • Does it solve a problem ? (please link the issue) https://github.com/PraveenMalethia/mumble-vue/issues/18

    Type of change :

    • [x] New feature

    • [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)

    Preview (Screenshots) :

    If it is possible, please link screenshots of your changes preview !

    Checklist:

    • [ s
    • [x] I have read the CONTRIBUTING document.
    • [x] I have performed a self-review of my own code
    • [] I have commented my code, particularly in hard-to-understand areas
    • [x] My changes generate no new warnings
    • [ ] I have added tests that prove my fix is effective or that my feature works
    • [ ] All new and existing tests passed.

    Reviewers

    @PraveenMalethia

    opened by ghost 4
  • Follow button not responding immediately

    Follow button not responding immediately

    Preflight Checklist

    • [ ] I have searched the issue tracker for an issue that matches the one I want to file, without success.

    Describe the bug

    A clear and concise description of what the bug is. When you click the follow button is does not show the following immediately we have to refresh the page to see the change.

    To Reproduce

    Steps to reproduce the behavior:

    1. Go to 'usermini.vue'
    2. When we click the follow button and after we get the response just add this code ' this.follwing = !this.follwing'

    Expected behavior

    A clear and concise description of what you expected to happen. After we click the follow button we should see an immediate change of the text to follow to following or vice versa.

    Add additional instructions and considerations for the assignee

    • [ ] Jupiter

    • [ ] Saturn

    • [ ] Neptune

    Screenshots

    If applicable, add screenshots to help explain your problem.

    Additional context

    Add any other context about the problem here (include commit numbers and branches if relevant)

    bug 
    opened by ghost 4
  • Adding 'dark:border-transparent' on all components with border

    Adding 'dark:border-transparent' on all components with border

    Is your feature request related to a problem? Please describe.

    Remove border for darkmode by adding 'dark:border-transparent'

    Describe the solution you'd like

    A clear and concise description of what you want to happen. Border should not be visible on darkmode.

    Describe alternatives you've considered

    A clear and concise description of any alternative solutions or features you've considered.

    Add additional instructions and considerations for the assignee

    • [ ] Jupiter

    • [ ] Saturn

    • [ ] Neptune

    Additional context

    Add any other context such as screenshots, schematics, about the feature request here.

    enhancement 
    opened by ghost 3
  • Adding The Contributors Page

    Adding The Contributors Page

    Well detailed description of the change :

     I worked on the contributor page which lists all the contributors and a bit of info.
    

    Context of the change :

     - Why is this change required ?
     - To view all contributors.
    
    • Does it solve a problem ? (please link the issue)

    Type of change :

    • [ ] Bug fix

    • [x] New feature

    • [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)

    Preview (Screenshots) :

    If it is possible, please link screenshots of your changes preview !

    Checklist:

    • [x] I have read the CONTRIBUTING document.
    • [x] I have performed a self-review of my own code
    • [ ] I have commented my code, particularly in hard-to-understand areas
    • [x] My changes generate no new warnings
    • [ ] I have added tests that prove my fix is effective or that my feature works
    • [x] All new and existing tests passed.

    Reviewers

    @PraveenMalethia

    opened by ghost 3
  • Creating Contributor's Page

    Creating Contributor's Page

    Is your feature request related to a problem? Please describe.

    Making the contributors page

    Describe the solution you'd like

    A clear and concise description of what you want to happen.

    Describe alternatives you've considered

    A clear and concise description of any alternative solutions or features you've considered.

    Add additional instructions and considerations for the assignee

    • [ ] Jupiter

    • [ ] Saturn

    • [ ] Neptune

    Additional context

    Add any other context such as screenshots, schematics, about the feature request here.

    enhancement 
    opened by ghost 3
  • Login Page

    Login Page

    create a basic login page which hits the mumble API's api/user/login endpoint and stores the returned access token, refresh token, and user into vuex state, and put them into local storage for the application to fetch when loaded

    opened by codyseibert 3
  • SideNavBar on small screens fix

    SideNavBar on small screens fix

    Is your feature request related to a problem? Please describe.

    So in medium and small screens when we open the sidenavbar over the screen when we click on a page's link then I want the side navbar to close.

    Describe the solution you'd like

    A clear and concise description of what you want to happen. Once clicked on the route of a page the side navbar will take you there but also close automatically.

    Describe alternatives you've considered

    A clear and concise description of any alternative solutions or features you've considered. On click emit the function to the parent component where the 'open:true or false' is located and change that.

    Add additional instructions and considerations for the assignee

    • [ ] Jupiter

    • [ ] Saturn

    • [ ] Neptune

    Additional context

    Add any other context such as screenshots, schematics, about the feature request here.

    enhancement 
    opened by ghost 2
  • Register Page

    Register Page

    Create a register page which will hit the mumble api /api/users/register endpoint and store the access, refresh, and user into vuex state, and put them into local storage for the application to fetch when loaded

    opened by codyseibert 1
Owner
Praveen Malethia
Professional Web Developer! Freelancer, Youtuber Programmer!
Praveen Malethia
An Open Source website where you can search for COVID19 resources in your city 🏙 using Social Media

An Open Source website where you can search for COVID19 resources in your city ?? using Social Media. Getting Started First, run the development serve

Saransh Hardaha 5 Jul 7, 2021
Public website for the Texas Tech chapter of the Google Developers Student Clubs

Texas Tech GDSC Website Here you can watch and even participate in the development on the TTU GDSC Website. Eventually, it'll be the single point of c

GDSCTTU 5 May 13, 2022
Free public foreach content registry, no authentication required. open source

foreach is backedup free public foreach content registry, no authentication required. open source. preview Open the preview on vercel If you get some

Patrick Niyogitare 10 May 4, 2022
List of 300 VueJS Interview Questions And Answers

List of 300 VueJS Interview Questions And Answers

Sudheer Jonna 1.8k Sep 30, 2022
Guessing game using yes/no questions powered by Wikidata.

Guessing game using yes/no questions powered by Wikidata. Started during Ginger beer & cake event at 10th September 2021.

Wikimedia Deutschland e. V. 5 Dec 10, 2021
null 1 Feb 2, 2022
A do questions mini program for WeChat based on Uni-App

A do questions mini program for WeChat based on Uni-App

null 2 Jun 27, 2022
Public prototypes that use Protovue

Protovue is a rapid prototyping tool built on Vue.js. This repo is a list of public examples of Protovue in action. If you use Protovue, please submit

v1Labs 7 Jul 31, 2019
Cluster API developers and operators often need to quickly get insight multicluster configuration

Cluster API Visualization App [WIP] Cluster API developers and operators often need to quickly get insight multicluster configuration. This app provid

Jonathan Tong 40 Sep 18, 2022
This is chat area web application for developers.

This is chat area web application for developers.

Buğrahan Öztürk 6 Apr 12, 2022
GSAP is a robust JavaScript toolset that turns developers into animation superheroes

GSAP is a robust JavaScript toolset that turns developers into animation superheroes. Build high-performance animations that work in every major browser. Animate CSS, SVG, canvas, React, Vue, WebGL, colors, strings, motion paths, generic objects...anything JavaScript can touch! GSAP's ScrollTrigger plugin lets you create jaw-dropping scroll-based animations with minimal code.

GreenSock 14.9k Oct 1, 2022
MKTemplate is Free and Open Source. It features multiple HTML and VueJS elements and it comes with dynamic components for VueJS

MKTemplate A beautiful UI . Start your Web Site with this bootstrap and VueJS UI . MKTemplate is Free and Open Source. It features multiple HTML and V

Moutawakkil Mohammed 10 May 31, 2022
Applications for any device with HTML, CSS and JavaScript - free and open source!

App Framework App Framework development has ended. I recommend using the Framework7 CLI instead. iOS and Android Apps with HTML & JavaScript - App Fra

null 647 Oct 4, 2022
OSI helps you to track your all open-source Internships and Program in a single place ⚡

OSI helps you to track your all open-source Internships and Program in a single place ⚡

Rohan kumar 37 Sep 14, 2022
Ligroundkay - A free, open-source and modern Chess Variant Analysis GUI for the 21st century

LiGround A free, open-source and modern Chess Variant Analysis GUI for the 21st

Gökay Karaahmetli 0 Jan 9, 2022
budgetzero is a free, open-source, privacy-friendly, offline-first budgeting system.

budgetzero is a free, open-source, privacy-friendly, offline-first budgeting system. Use at budgetzero.io, download the desktop apps or self-host on y

budgetzero 469 Oct 5, 2022
Gamebrary - Open source tool to organize video game collections.

Gamebrary Open source tool to organize video game collections. Gamebrary is an open source tool that helps organize video game collections. Written in

Roman Cervantes 72 Aug 22, 2022
Desktop Postflop is a free, open-source GTO solver for Texas hold'em poker

Desktop Postflop Desktop Postflop is a free, open-source GTO solver for Texas hold'em poker. This is a port of WASM Postflop to a native desktop appli

Wataru Inariba 14 Sep 18, 2022
A vue mixin to get current media query, xs, sm, md and lg.

vue-media-query-mixin A vue mixin to get current media query, xs, sm, md, lg and xl. Installation NPM npm install vue-media-query-mixin YARN yarn add

Joff Tiquez 27 Oct 3, 2022