Trellis

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

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

Clone the repository

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

Install dependencies

npm i && cd client && npm i

Create .env file

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

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

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

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

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

Run the project

npm run trellis

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
📢 Submit your pull requests to develop branch or create your new branch, I'll be putting up a detailed contributor guidelines soon.

elmehdibm/Trellis