React Trello Board

This repository holds the contents of a HW for the ELSYS's subject "GUI" for students of 12A grade. The goal is to create a React application similar to Trello Board.

Requirements

Functional:

• Дъска, която да съдържа множество колони (също да може да се добяват динамично колони), които съдържат списък от eлементи (също да могат динамично да се добавят елементи във всяка колона)

• Елементите в колоните да съдържат всички бутони и полета за попълване показани във втората картина, поставена в doc file-a

• Елементите в колоните да показват кратко описание на съдържанието в елемента и при click, да се отваря компонент на преден план показващ допълнителната информация съдържаща се в елемента

• Елементите да могат лесно да се прехвърлят от една в друга колона на дъската

• Възможност да се създават дъски

• Екран за виждане на всички дъски в приложението

• Екран за виждане на всички скорощни добавени елементи в дъските

Other requirements and banned elements:

• Framework - React!
• No real authentication required (just add a username to continue)
• The content to be visible or have a way to see the content in a friendly way
• A user can have multiple boards
• DragNDrop (Optional)
• No use of HTML tables
• Content is up to you
• Easy transfer from one column to another
• You can add as much as you like columns
• Have a 'Recent' page with all recently created tasks
• Archive stores tasks that are no longer required in other columns
• Home page required
• CRUD like operations for board
• No database required, no back-end required (but you can use if you want)
• https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API ( optional )
• No limits about the libraries you want to use
• When you close the browser and get it back on - the state have to be the same
• When you search for item make sure the item that was found is clear to the user

Getting Started with Create React App

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.