ColinFrick/Trellis

A simplified Trello clone built with React, Redux, Node, Express and MongoDB.

Trellis

A Trello Clone - Built with React, Redux, Express, and MongoDB.

📢: I'm looking for maintainers, feel free to reach out to me on hello@ayushaggarwal.com if you're interested.

Demo

Trellis-app

Demo Account Credentials
Username - gozmit
Password - gozmit

📷 Screenshots

View Screenshots

Login Register Home Create Board Trellis

GIF

Demo Video

⚡ Features

• Create, Modify and Delete boards
• Create, Modify and Delete cards
• Create, Modify and Delete lists
• Move card items within lists
• Move card items across lists
• Ordering of list items
• Activity log with active timestamps for each user events
• Customize background images or color for individual boards
• User Authentication

Installing

1. Clone the repository

git clone https://github.com/ayushagg31/Trellis.git
cd Trellis

2. Install dependencies

npm i && cd client && npm i

3. Create .env file

REACT_APP_CLIENT_KEY="YOUR API KEY" // Unsplash API Key

4. Create dev.env for development and test.env for testing purpose

cd ../config
(
echo PORT=1313
echo DATABASE_URL="MongoDB Connection String"
echo JWT_SECRET="YOUR JWT TOKEN"
echo NODE_ENV=development
) > dev.env

5. Go into client/package.json and replace proxy with your server port

"proxy": "http://localhost:1313"

6. Run the project

npm run trellis

ER Diagram

Built With

Frontend

• React - A JavaScript library for building user interfaces
• Redux - State management
• Material UI - UI
• React-beautiful-dnd - Accessible drag and drop for lists
• React Router - Routing library for react
• Moment - Library for manipulating dates and time
• lodash - JavaScript utility library for modularity, performance, etc.

Backend

• NodeJs - Backend framework
• MongoDB - Database
• Mongoose - Mongodb object modeling for node.js
• Express - Node.js web application framework
• Axios - Promise based HTTP client for the browser and node.js
• Jsonwebtoken - Decode, verify and generate JWT.
• bcryptjs - Password hashing algorithm library
• Supertest - HTTP APIs Testing library
• Jest - JavaScript Testing Framework
• sinon - Standalone test fakes, spies, stubs and mocks library

Contribute

• Show your support by ⭐ the project.
• Submit pull requests and improve the repo overall quality
• Read Contributors guidelines before submitting a PR or creating a new issue.