WesloTheWeb/weatherApp

A weather web app that queries for weather-related conditions across the world. Built with NextJS and powered by the Weather API.

Weather App

In an effort to improve and grow as a software engineer at work and on my freetime, this project was started on November 8th, 2021. I mainly wanted to instill some of the new habits and knowledge I gained at work, which includes, but not limited to:

• Taking advantage of NextJS features and dynamic routing
• Writing Unit Tests
• Incorporating new techniques and act as a snapshot in time of my current project.

Overall I am pretty happy about this project and can confidently say this will be a CI/CD (continous integration / continous deployment). The API I am using is well documented.

To-Do:

Cool potential features:

• ✔ Accomplish main functionality of querying for weather related data
• ✔ Mobile responsiveness at some point.
• ✔ Make release branch and live version of the site.
• Smooth transitions to improve the UX flow.
• ✔ Background change to the time of day and weather (may need to find royalty free asset).
• A history users can shift through from latest searches.
• Moving background or animations.
• Distinctive fonts for typography.
• An actual name for the weather app.

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.js.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.