/react-trello-clone

A clone of Trello using Typescript, React and Redux. Couple with a NodeJS API, using MongoDB.

Primary LanguageTypeScriptMIT LicenseMIT

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.

example board

Getting Started

  1. Create MLabl account with database
  2. Make a copy on the .env.example file, renaming to .env, within api root directory.
  3. Update mongo credentials to point to your mongo DB instance
  4. Run npm install in both api, app directories
  5. 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

  1. Install concurrently to start app and api simultaneously
  2. Draggable cards
  3. Draggable lists
  4. Board creation
  5. Board listing
  6. Authentication
  7. Login
  8. Register
  9. Card search
  10. Card clone
  11. List clone
  12. reselect integration
  13. Unit tests with jest
  14. Delete board, clone board
  15. Authentication and login
  16. General style improvements and ui
  17. 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