Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/archawinwongkittiruk/trelloclone

A Trello clone built using the MERN stack.
https://github.com/archawinwongkittiruk/trelloclone

express material-ui mern-stack mongodb mongoose nodejs react react-beautiful-dnd react-redux redux trello trello-clone

Last synced: about 14 hours ago
JSON representation

A Trello clone built using the MERN stack.

Awesome Lists containing this project

README

        

# TrelloClone

https://aw-trello-clone.herokuapp.com/

A Trello clone built using the MERN stack.

The Trello board I used to organise this project's workflow:
https://trello.com/b/2rP2cJBz/trello-clone

"I used Trello to clone Trello."
\- Archawin Wongkittiruk (2020)

## Quick Start

You will need Node.js, a browser, and a terminal to run this application. You can use any code editor. I developed this app with Visual Studio Code, and that is what I would recommend.

### Add a .env file at the root specifying your own variables

MONGO_URI - This application uses MongoDB Atlas to host the database in the cloud. You can also use a local database during development. See https://www.mongodb.com/.

JWT_SECRET - Any random string will do.

### Install server dependencies

```bash
npm install
```

### Install client dependencies

```bash
cd client
npm install
```

### Run the server and client at the same time from the root

```bash
npm run dev
```

## Credits

Major credits to this Udemy course by Brad Traversy for laying the groundwork for my understanding of the MERN stack: https://www.udemy.com/course/mern-stack-front-to-back/, the source code for which can be found at https://github.com/bradtraversy/devconnector_2.0. The quick start for this README was also inspired by that repository's quick start.