Trello Clone

A Full Stack clone of Trello with the PERN stack (PostgreSQL/Express/React/Node)

Description

Trello Clone is a fully functioning task management Web App. The App supports personal Task Boards, allowing simple and organized task tracking that separates overarching goals or topics from specific tasks. Trello Clone has both a minimal and clean UI that promotes well organized tasking.

Landing Page	Main App

Features

• UI written in modern React, using ES6 principles and functional components with React Hooks
• Local frontend state management with the Context API
• UI written exclusively with custom CSS styling
• Bootstrapped with create-react-app
• Backend written in NodeJS/Express
• Relational data storage with PostgreSQL
• User details managed with HTTPS REST architecture
• Sessions managed with local storage

Installation

• Install PostgreSQL and create a db named trelloclone and create tables with queries in server\data.sql
• Clone this repository https://github.com/jackbisceglia/trello-clone.git
• Update Postgre user details in server\db.js
• Run npm install in both server and react-frontend to install dependencies
• cd into server and react-frontend, and npm start respectively to spin API and Frotend servers
• Frontend should be running on http://localhost:3000 and Express API on http://localhost:5000

Live App

• The Live App is currently under maintenance, fixing backend API solutions
• https://trello-clone-jackb.netlify.app/
• Sign up or use demo account:
• Email: [email protected]
• Password Demo123 (case-sensitive)