- Form to create tags and edit description
- Show error when token timed out or missing and logout.
- Backend: backup table for old image descriptions with login info
- Backend: add main image to tag
- Frontend Create a tagview on the modal containing: main image and description (including links to other tags)
- Create breadcrumbs for the tagsview so possible to navigate back to previous tags (use router for this)
- Create left, right key stroke for navigating between images on the modal.
- This project was bootstrapped with Create React App.
- This project uses bootstrap for styling:
npm install react-bootstrap@next bootstrap@5.1.1
; - This project is deployed to nginx on digital ocean: See mini guide here
- After
npm start
Go to the Home tab for introduction to the different demos in this application demo. - Live version at: https://edu.bugelhartmann.dk/react2021fall/controls/
- Changes to this repo:
gitp "update"
andnpm run deploy
will update the github repo and publish the changes to the live version.
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.
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.
This will execute the ./script.sh
file which both build the application and copies it to the server location. See more at github
This will run the backend server locally. Data from this can be used in the pagination demo (with small changes in commented code in PaginationDemo.js).
You can learn more in the Create React App documentation.
To learn React, check out the React documentation.