Trello clone

A trello clone using ReactJS, React Context API, React DnD, TailwindCSS, Material UI Icons & Styled Components for the frontend, Firebase for authorization, authentication and storing and Pexels for the image data.

DEMO

Requirements

Inside the repo there is a .env.example file. Rename it to .env and fill the values with your own api keys.

For firebase you will need a firebase config file from your webapp with the following values.

REACT_APP_FIREBASE_API_KEY=
REACT_APP_FIREBASE_AUTH_DOMAIN=
REACT_APP_FIREBASE_PROJECT_ID=
REACT_APP_FIREBASE_STORAGE_BUCKET=
REACT_APP_FIREBASE_MESSAGING_SENDER_ID=
REACT_APP_FIREBASE_APP_ID=
REACT_APP_FIREBASE_MEASUREMENT_ID=

For the image data you will need an API key from pexels.

REACT_APP_PEXELS_API_KEY=

Usage

Assuming you have npm or yarn installed, clone the repo and run the following code:

npm install && npm start

or

yarn install && yarn start

To build the .exe file for your own OS run the following code:

npm run make

or

yarn run make

Examples