Introduction:
1. Additional software required: npm
2. Source-code editor: Visual Studio Code (VSCode)
3. I use React to write this web application
A. How to run my project:
1/ Clone the project and Open the 'net-search' folder using VSCode
2/ Press "Command+Shift+P" to open the terminal on VSCode or click on 'Terminal' on the bottom bar
3/ On the terminal type: npm install (It will take some time to run. Please be patient!! this will install all the dependencies)
4/ On the terminal type: npm start (This will start the project on the local host)
B. Learn More:
You can learn more in the Create React App documentation:
https://create-react-app.dev/docs/getting-started/
To learn React, check out the React documentation:
https://reactjs.org/
C. My approach to the product:
- My theme for this web application is autumn, so the colors I pick are mainly light orange and yellow. I saw some autumn leaves faaling on the street near my house, so I chose autumn as my design inspiration. It is the time that those endless shades of green shift softly into a palette of warm colours. I hope this design will make users feel peaceful and cozy even though we are facing with the pandemic. Specifically, It will help Alice feel relaxed to get ready for the meeting.
- I made a card for each search result so that user does not feel overwhelmed by many search results at the same time.
- I reformatted date in Calendar data and Slack data to make them easier for users to read
D. Demo:
