front-end

Front-End

Handles uploading, download, and deleting of files from the database.

Development

Requirements

• Docker
• Node.js
• pnpm (recommended)

Steps

Run the live-reload server on http://localhost:3000

make dev

Please take a look at src/setupProxy.js to see how the proxy is set up.

Docker

To docker-ize this application I followed the following guide dockerizing-a-react-app.

To build and launch the docker container for development use:

make build-dev start-dev-container

Then you can access the application at http://localhost:3001.

To build and launch the docker container for production use:

make build-prod start-prod-container

Then you can access the application at http://localhost:1337.

📚 The Tech. Stack

This project uses the following technologies:

The Front-End:

• React.js - For building the interface along with:
  • Styled-Components - for styling.
  • carbon-components-react - for the base design system.
  • react-hot-toast - for handling toast style notifications.
• Craco - CRA configuration overrides without ejecting.

License

© Nicholas Adamou.

It is free software, and may be redistributed under the terms specified in the LICENSE file.