DEV Community

loading...
Cover image for Weather App built in pure javascript

Weather App built in pure javascript

Mario Rodeghiero
Self-taught Front-End Developer. #ReactJS #styeled-components #Javascript #electronjs
・1 min read

Weather App

Weather forecast app, built in pure javascript to put into practice what I learned in my studies.

Built with

Example running

Prerequisites

What things you need to install the software and how to install them

  • node.js
  • NPM Package Manager
  • Create token in openweather and include in the file "/src/js/token.js"

Installing

Clone this repository

git clone https://github.com/mariorodeghiero/weather-fetch-api
Enter fullscreen mode Exit fullscreen mode

Installing the dependencies from the NPM Package Manager

npm install
Enter fullscreen mode Exit fullscreen mode

To start the development environment, run the following command:

npm run dev
Enter fullscreen mode Exit fullscreen mode

Note: This command also performs a clear in the dist folder and build again.

npm run server
Enter fullscreen mode Exit fullscreen mode

After run, the browser open window automatically at http://localhost:8080

Deployment

Run the command below to deploy, minimizing All Files.

npm run prod
Enter fullscreen mode Exit fullscreen mode

If you liked this Theme, visit repository on GitHub ⭐️
Thank you, I hope you like it 😊

Discussion (5)

Collapse
yasiriqbal1990 profile image
yasiriqbal1990

Can ur code work on p5.js?

Collapse
mariorodeghiero profile image
Mario Rodeghiero Author

I don't know this library 🤷‍♂️

Collapse
yasiriqbal1990 profile image
yasiriqbal1990

So its possible I can copy ur code and use outside webpack.

Thread Thread
yasiriqbal1990 profile image
yasiriqbal1990

Will it work outside webpack?

Thread Thread
mariorodeghiero profile image
Mario Rodeghiero Author

Yes, I think so ✌️