Thanks to visit codestin.com
Credit goes to github.com

Skip to content

xtinarees/wthr-img

Repository files navigation

wthr-img

This repository stores the code for a React single page application built to visualize weather conditions. You can view the app here. It uses Vite for local development and building static production files. It is hosted via AWS S3 and uses a CloudFront distribution and Route 53;

Initial Config

  1. Copy the .env.example file to .env: cp .env.example .env
  2. Log into your Open Weather Map account to find/create your API key and add it to the .env file.

Running locally

Use compatible node and npm versions

nvm use

Install dependencies

npm install

Run the development server

npm run dev

Deployments

No automation or staging environment has been set up. Follow these steps to update the production site manually:

  1. Run npm run build locally.
  2. Run npm run preview to preview the production files locally and confirm they are ready to deploy.
  3. Upload files in dist directory to bucket via the AWS S3 GUI.
  4. Clear cache - Go to Cloudfront distribution > Invalidations > Create invalidation > Add object paths > /*.

AWS Resource Config

  • S3 Bucket: wthr-img
  • Cloudfront Distributuion: EFN22DLER9L9Q
  • Route 53: christinarees.com
    • Record Name: wthr-img.christinarees.com, Type: A
    • Record Name: wthr-img.christinarees.com, Type: AAAA

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published