CuacaQu | Weather App

Backstory Why Me Made This Project?

Project CuacaQu like a weather app, this project provide weather forecast around the world. Project CuacaQu was build with 3 basic technology for build a website and some package dependencies. These include HTML, CSS, Javascript, Webpack, Axios, and Bootstrap. To displaying weather forecast on CuacaQu i consume data API from Public API https://openweathermap.org/api.

Goals Build This Project

Main goals for building this project, including the following:

To exercise and increase fundamental 3 basic of technology for building website.
Deeping DOM Manipulation with Javascript,
Learning about how to add package dependencies using NPM
Learning about how to styling website with CSS framework, on this project i'am use Bootstrap
Learning about callback function, Promise in Javascript
Learning about AJAX and fetch how to fetching api
Learning how to build website with module bundler, on this project i'am use Webpack

I was learning a lot about front-end web development while build this project, after i finish this project, i think my programming skills are improved over time.

Feature on CuacaQu Project

The CuacaQu Project has several features, including the following:

Has implemented web responsive for multiple device
Has dark mode feature
Home Section
About project Section
Main content
- Feature search weather forecast by city around world
- Displaying weather forecast
- Displaying detail weather forecast through modal box
- Switch language Bahasa - Engglish
Footer Section

How to Start this project

1. Clone repository using git

git clone https://github.com/ZnovandaP/CuacaQU_Weather-App.git

2. Install all dependencies

npm install

3. Run development server

npm run start-dev

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

Responsive Web Design on Multiple Devices

Ilustration responsive design CuacaQu Project

Last but not least

if you interested on this project, you can visit this project directly CuacaQu Project, also you can visit on Github Repository CuacaQu Project, last if you wanna give me suggesstion or advice you can go to contact page directly. Thankyou so much.