Weather KL Demo

Summary

This application allows a user to log into a web application via Google OAuth. After logging in, the user is required to set a base url and api key targeting the WeatherStack API base. After the settings are set, the user can now type in cities from around the world retrieving general weather information

Client

• React
• TypeScript
• Redux Toolkit (State Management)
• React Router
• Google OAuth
• Axios
• Vitest
• React Testing Library

1. Open a terminal instance
2. cd client directory
3. create an .env file and populate it with values from .env.sample
4. npm install
5. npm run build
6. A dist file should be generated which will be served by the server

WeatherStack

• WeatherStack base Url https://api.weatherstack.com/current?access_key=
• WeatherStack API Key can be generated via a Free Account

Testing

• To run tests, in your terminal run npm run test

Server

• Node
• Express
• SQLite3
• Sequelize

1. Open another terminal instance
2. cd server directory
3. create an .env file and populate it with the values from .env.sample
4. npm install
5. npm run start
6. Open a browser and go to localhost:(3010|3000)