The Weather project displays information using the API, written using NUXT.js

Related tags

Nuxt weather-nuxt
Overview

Logo

Weather

The Weather project displays information using the API. Among the important points of the seven-day information are three different cities. This project modeled on a shot in dribbble written using NUXT.js. Preview

Lessons Learned

-Redesign of the design in Figma, and design dark mode

-using weather Api in project

-Design programming and use different libraries

Vue freamwork: Nuxt.js

CSS framework: tailwindcss

icons: remixicons

API: foreca

Project setup

# install dependencies
$ npm install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm run start

# generate static project
$ npm run generate
You might also like...
A simple nuxt renderless component wrapper around nuxt fetch capabilities

Nuxt Fetch Component A simple nuxt renderless component wrapper around nuxt fetc

Fcl-nuxt-starter - FCL plugin + full stack Nuxt application starter template
Fcl-nuxt-starter - FCL plugin + full stack Nuxt application starter template

How to use the Flow Client Library (FCL) with Nuxt Access the FCL instance from

Frisque-nuxt-storyblok - A basic framework for integrating StoryBlok with Nuxt

🌺 Frisque StoryBlok Welcome to the Frisque StoryBlok starter kit! This is curre

Netlify ❤️ Nuxt.js: a simple template to give you the code you need to use Netlify features with Nuxt.
Netlify ❤️ Nuxt.js: a simple template to give you the code you need to use Netlify features with Nuxt.

Nuxt Toolbox Template This is a NuxtJS v2 project. It is a reference on how to integrate commonly used features within Netlify for Nuxt.js. Build Setu

A lightweight Nuxt template to build a Markdown driven website. Powered by Nuxt Content, TailwindCSS and Iconify.
A lightweight Nuxt template to build a Markdown driven website. Powered by Nuxt Content, TailwindCSS and Iconify.

A lightweight Nuxt template to build a Markdown driven website. Powered by Nuxt Content, TailwindCSS and Iconify.

WordPress module for Nuxt.js with full support for SSR and Nuxt.js PWA module.

WordPress module for Nuxt.js with full support for SSR and Nuxt.js PWA module.

🖼Portfolio built with Nuxt and Nuxt Content

🖼Portfolio built with Nuxt and Nuxt Content

Kirby Nuxt Starter Kit - Kirby's sample site – but rewritten headless with Nuxt 3

Kirby Nuxt Starter Kit Kirby's sample site – but rewritten headless with Nuxt 3! Explore the kit live » Kirby Nuxt Starterkit This repository is a por

Simple boilerplate with nuxt + tailwind + supabase for your project

Nuxt + Tailwind + Supabase Clone to your own project $ git clone https://github.com/aripadrian/nuxt-supabase-tailwind-boilerplate.git your-project-nam

Owner
Amirhossein Zebardast
Front-End Developer (Vue.js - Nuxt.js)
Amirhossein Zebardast
Liteweight version for cpython.uz written in Nuxt v3

Liteweight version for cpython.uz written in Nuxt v3

Dilyorbek 2 Sep 2, 2022
Nuxt basic - Simple Nuxt.js project

nuxt_basic Build Setup # install dependencies $ npm install # serve with hot reload at localhost:3000 $ npm run dev # build for production and launc

null 2 Oct 20, 2022
A nuxt application using movie data api

nuxt-movie-app Build Setup # install dependencies $ npm install # serve with hot reload at localhost:3000 $ npm run dev # build for production and l

Marko Goronjic 0 Dec 11, 2021
An experiment of using Nuxt 3 Beta to get data from Star War API

An experiment of using Nuxt 3 Beta to get data from Star War API This project is

Takeshi Kriang 2 May 10, 2022
A convenient replacement for component when using nuxt-i18n

nuxt-i18n-link A convenient replacement for <nuxt-link> component when using nuxt-i18n. It is simply a replacement for this exact code: <nuxt-link :to

iBlueDust 1 May 25, 2021
This is nuxt invoice app using nuxt.js and firebase

Nuxt Invoice App Build Setup # install dependencies $ npm install # serve with hot reload at localhost:3000 $ npm run dev # build for production and

Moein Salari 8 Dec 20, 2022
English-quiz-nuxt - An english quiz using nuxt

english-quiz-nuxt Live demo here Build Setup # install dependencies $ yarn insta

Leonid Gainar 2 Feb 17, 2022
Nuxt3-blog based on Nuxt 3, Tailwind CSS and Notion API

nuxt3-blog Description This is a work in progress project based on Nuxt 3, Tailwind CSS and Notion API You can see the demo here. Stack Environment va

null 12 Jan 4, 2023
A webpack loader i18n solution for Vue (Nuxt) with auto generated keysA webpack loader i18n solution for Vue (Nuxt) with auto generated keys

vue-i18n-loader - another webpack loader i18n solution for Vue (Nuxt) with auto generated keys. Currently under development, pull requests and suggest

BitApp 0 Feb 7, 2022
nuxt-fullpage is a nuxt module for creating fullscreen page scroll fast and simple.

Nuxt fullpage Nuxt module for creating fullscreen page scroll fast and simple. Demo online Table of contents Installation Usage Options Contributing I

Open Source Afghanistan 16 Dec 30, 2022