Skip to content

mofoshow/Trello-Board-Clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

90 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React, Redux & Sass Trello Board Clone

A basic Trello board in which you can add your own lists and tickets. This project is a work in progress.

Current features:
Ability to create multiple boards.
Ability to create multiple lists within individual boards.
Ability to create multiple tickets within individual lists.
Ability to remove individual tickets and full lists
Drag and drop tickets from one list to another.
Local Storage Implimentation.
React Router implimentations that allows viewing of seperate boards

Codebase overview.

/
├─ public/
|  ├─ dist/
|  |  ├─ bundle.css   
|  |  ├─ bundle.js    
|  ├─ index.html        
└─ src/
   ├─ actions/             
   |  ├─ listActions.js
   ├─ components/       
   |  ├─ Board
   |  |  ├─ List.js
   |  |  ├─ Lists.js
   |  |  ├─ NewListInput.js
   |  |  ├─ NewTicketInput.js
   |  |  ├─ Ticket.js
   |  |  ├─ Tickets.js
   |  ├─ BoardListView
   |  |  ├─ BoardListIndex.js
   |  |  ├─ Boards.js
   |  |  ├─ NewBoardInput.js
   ├─ constants/         
   |  ├─ ActionTypes.js
   ├─ reducers/ 
   |  ├─ index.js             
   ├─ styles/                
   |  ├─ main.scss
   ├─ App.js                  
   ├─ index.js               
   └─ store.js               

Starter Template that was used:

React, Redux & Sass Starter Template from Gigacore (https://github.com/Gigacore/React-Redux-Sass-Starter)

Start the dev server:


npm run start:dev

Pre-configured tools and plugins