Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jeffreyquan/nexus
A trello clone using Vue
https://github.com/jeffreyquan/nexus
express feathersjs mongodb mongoose vue vuetify vuex
Last synced: 18 days ago
JSON representation
A trello clone using Vue
- Host: GitHub
- URL: https://github.com/jeffreyquan/nexus
- Owner: jeffreyquan
- Created: 2020-01-14T10:17:03.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-07T13:42:59.000Z (about 2 years ago)
- Last Synced: 2024-11-29T02:16:22.334Z (3 months ago)
- Topics: express, feathersjs, mongodb, mongoose, vue, vuetify, vuex
- Language: JavaScript
- Homepage: https://nexus-client.netlify.app/#/login
- Size: 3.26 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 41
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Nexus
## Table of Contents
- [Introduction](#introduction)
- [How to get started](#how-to-get-started)
- [Motivation](#motivation)
- [Technologies](#technologies)
- [Key Features](#key-features)
- [Future Developments](#future-developments)
- [Demo](#demo)
## Introduction
This project is a clone of [Trello](https://trello.com/). Trello is a collaboration tool that allows users to organise projects using boards, lists and cards.
## How to get started
#### Using my site
1. Visit https://nexus-client.netlify.com/#/signup and make an account.
2. Login at https://nexus-client.netlify.com/ and create a board to start creating lists and cards.
#### To test locally
Feel free to clone this repository.
After cloning:
**In the client directory in the terminal:**
1. Run `npm install` and
2. Run `npm run serve`
**In the server directory in the terminal:**
1. Run `npm install`
2. Run `npm run dev`
**In the root directory in the terminal**
1. If you don't have MongoDB installed locally, install MongoDB Community Edition https://docs.mongodb.com/manual/tutorial/install-mongodb-on-os-x/.
2. Run `mongo "mongodb://localhost:27017/nexus_server"`
## Motivation
Having used [React](https://reactjs.org/) on my last few projects, I wanted to explore and learn [Vue](https://vuejs.org/), another JavaScript framework. Trying to clone Trello was a fun project idea and gave me many avenues to explore the different aspects of Vue.
## Technologies
This project is created with:
- [Vue v2.6.10](https://vuejs.org/)
- [Vuex v3.1.2](https://vuex.vuejs.org/) - a state management library
- [Feathers v4.4.3](https://feathersjs.com/)
- [FeathersVuex v3.4.0](https://vuex.feathersjs.com/)
- [Mongoose v5.8.7](https://mongoosejs.com/)
- [MongoDB v3.4.1](https://www.mongodb.com/)
- [Vuetify v2.1.0](https://vuetifyjs.com/en/) - a Vue UI library
## Key Feaures
- **Creation of boards** - create boards (projects) and, within those boards, create lists with cards
- **Move cards between lists** - drag and drop cards to move them between lists
- **Add users to boards** - ask collaborators to sign up and invite them to your board via their email. Users can create and edit lists and cards.
## Future Developments
These are following features I would like to add:
- **Rearrange lists** - allow lists to be rearranged in an order the user wants. This is a key feature of Trello.
- **Rearrange cards within lists** - allow users to rearrange cards within lists. This is a key feature of Trello.
- **Detail description of task within each card** - allow more information to be added within each card through clicking and opening a modal.
- **Archiving of boards** - allow boards to be archived once a project has been completed.
There's so much more to add! Check out [Trello](https://trello.com/) to test out their amazing app.
## Demo
