Creating Weather App Using JavaScript [Day 1]

This page summarizes the projects mentioned and recommended in the original post on dev.to
Assets Vite HMR Frontend Build Tool

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured

  • weather-app

    • Well, only this much I have set up on day 1. I will keep posting till the project is completed. I will also share what I learned each day while creating this project. If you want to create this project on your own don't forget to visit DevChallenges and if you want to view my code, visit my GitHub Repo. If you want to talk more about anything don't forget to comment. And if you want to learn more about @use and @forward then I will highly suggest you watch this YouTube Video from Kevin Powell.

  • vite

    Next generation frontend tooling. It's fast!

    • Now, module bundler. There are plenty of module bundlers in the market like Parcel, Webpack, Snowpack, etc, but I am going to use Vite which is very fast. I have also written a blog about it Read Here. Now let's move on to the building part.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo

  • Sass

    Sass makes CSS fun!

    • The Website suggests creating this project using a JavaScript framework like React or Vue but I thought creating a weather app using a JavaScript framework could be a little time killer. That's why I chose vanilla JavaScript. Now let's talk about styling. You could use normal CSS for it or any CSS frameworks but I will prefer you to choose Sass if you really want to practice your frontend skills.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Terrible 3D: A new (and horrible) 3D game engine.

    3 projects | dev.to | 28 Oct 2022

  • Setup React Typescript with Vite & ESLint

    1 project | dev.to | 25 Apr 2024

  • Use CSS Variables to style react components on demand

    1 project | dev.to | 16 Apr 2024

  • Ask HN: How do we include JavaScript scripts in a browser these days?

    1 project | news.ycombinator.com | 13 Apr 2024

  • Deploy a react projects that are inside a subdirectories to GitHub Pages using GitHub Actions (CI/CD)

    2 projects | dev.to | 11 Apr 2024