Skip to content

Latest commit

 

History

History
56 lines (31 loc) · 1.74 KB

README.md

File metadata and controls

56 lines (31 loc) · 1.74 KB
Raw

MixMaven Webapp

This is an alternative client in react to javafx. It contains the pages: home, new drink and edit drink.

Running the app

Requirements

  • Make sure the server is running.

  • Make sure you have node and npm installed.

Run the webapp for development

  1. Install necessary packages npm i
  2. Run app npm run dev

Run the webapp for production

  1. Install necessary packages npm i
  2. Build the app npm run build
  3. Run the build npm run preview

All in one command: npm i && npm run build && npm run preview

Run the webapp in eclipse che

  1. Create a .env file inside the webapp containing the following

    • VITE_CHE_LINK=<your-link> (without the greater/lesser than signs) For instructions on how to find this link see challenges.md

  2. Follow the instructions for either development or production

Now your app is running on localhost:3000/ by default.

The production build, should be faster (although unnoticeable on such a small application), more importantly it removes developer tools for react query (icon in the bottom right of webapp) which are very useful for development.

Note: If you want to run the app on different ports or run server on a different machine create a .env file with the desired variables (see .env.example for detailed info)

Testing

We use cypress for end-2-end frontend-testing.

Run all tests in the terminal with: npm run cy:run

Open cypress:

  1. Run npm run cy:open
  2. Choose your prefered browser
  3. Choose what tests to run (home, new_drink, edit_drink)

PS: In Eclipse Che opening cypress does not work, run them in the terminal instead.