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;
- Copy the
.env.examplefile to.env:cp .env.example .env - Log into your Open Weather Map account to find/create your API key and add it to the
.envfile.
nvm usenpm installnpm run devNo automation or staging environment has been set up. Follow these steps to update the production site manually:
- Run
npm run buildlocally. - Run
npm run previewto preview the production files locally and confirm they are ready to deploy. - Upload files in
distdirectory to bucket via the AWS S3 GUI. - Clear cache - Go to Cloudfront distribution > Invalidations > Create invalidation > Add object paths >
/*.
- 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
- Record Name: