React Redux Trello clone with NodeJS, Mongo API
This is a work in progress basic clone version of trello. I am using this project to get some practical experience and further develop my knowledge and understanding of JavaScript applications using Front End frameworks, in conjunction with TypeScript based API's.
Being my first experience with working with React I have learnt through my time working on this project. I hope this will be beneficial for others learning. Feel free to clone the project and have a play around. Eventually I will setup a demo page to display the project online.
Getting Started
- Create MLabl account with database
- Make a copy on the .env.example file, renaming to .env, within api root directory.
- Update mongo credentials to point to your mongo DB instance
- Run
npm install
in both api, app directories - Run
npm start
in api and app directories.
// instructions are incomplete -- Board creation and better routing coming soon to allow creation of initial board.
Future work
- Install concurrently to start app and api simultaneously
Draggable cardsDraggable listsBoard creationBoard listing- Authentication
- Login
- Register
- Card search
Card cloneList clonereselect
integration- Unit tests with jest
- Delete board, clone board
- Authentication and login
- General style improvements and ui
- More improvements not listed
Deployment
Add additional notes about how to deploy this on a live system
Built With
- TypeScript
- React / Redux
- MongoDB / Mongoose
- NodeJS, Express
- Lodash
- React beautiful dnd
- Sass
- Styled Components
License
This project is licensed under the MIT License - see the LICENSE.md file for details