matyas-igor / video-manager-app

📹 Front-end application for video management

Notes

• The backend can be accessed via http://localhost:3001
• It runs with a package called json-server, and the data comes from the db.json file
• Search performed on front-end level, although it can be moved to the back-end side
• Lookup by video name, author & category

Steps to run the project

• Install dependencies with:

yarn install

• Run both the frontend and backend with:

yarn start

List view

Specs

• The landing page displays a list of videos with the following columns:
  • Video name
  • Author
  • Categories
  • Options (Buttons: Edit and Delete)
• The table/list can be searched
• The list can be sorted

Add a video

Specs

• Clicking on the “Add video” button will take you to a form, which contains the following fields:
  • Video name
  • Video author (<select>)
  • Video category (<select multiple>)
• A new video can be saved and the user will be returned to the list view
• The process can be canceled and by doing so, the user is redirected to the list view
• There are basic validations available (e.g.: The "Save" button is only active if all the content is valid)

Edit a video

Specs

• There is an interaction element to edit existing video information
• Clicking on this element will take you to a form view
• All changes can be saved (e.g.: If canceled, the user is returned to the list view)
• There are basic validations available

Delete a video

Specs

• There is an interaction element to delete an existing video
• A dialog will appear to confirm the deletion