Front-end for SunnyWalk Web Application

Introduction

SunnyWalk is an inovative application that can advise the user on the best times to take a daily walk to maximise their intake of sunshine.

Features:

• Receive 3 walk recommendations based on time of day and exposure to sunshine; incorporating UV-Index guidelines
• Map a walk
• Receive a reminder for 1 to 3 walks
• Provide feedback on previous walks

Tech stack

• HTML + CSS + Javascript + Java at the core
• React as the main library for the front-end structure
• Material-UI for components
• Cypress for testing

Instructions on how to run the project

0. Prerequisites:

• GIT
• Node.js (for npm)
• A web browser

1. Clone the repository on your PC

git clone https://github.com/CodeBendersTR/sunnywalk-frontend.git

2. (Optional) Switch to a specific branch

git checkout FXXXX

3. Install the dependencies witn NPM

npm install

4. Run the application with NPM

npm start

5. Test the application at http://localhost:3000

Instructions on how to run unit tests followed by above.

0. Start the unit tests

npm test

Instructions on how to run the end to end tests.

0. Install cypress dependencies

npm cypress install --save-dev

1. Try to open cypress

node_modules/.bin/cypress open

2. If cypress gives an "Failed to deserialize the V8 snapshot blob" error you may need to install cypress to the computer itself. to do this type

npx cypress install

3. Now cypress should run, but if "npm start" stops working use the following

npm i react-scripts

4. Now you should be able to open cypress with no problems and click on "Run 6 integration specs" and watch the tests run.

About the team

CodeBenders - because code bends at our will :)

We are a team of four talented people taking part in the Tech Returners programme (March 2021, London). Ciaran (ShyguyCC) Jini (jinirun) Marius (grigorem) Susan (SusanLuebke)