moeinparvizi / weather

Home Page:https://weather-plum-omega.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

LinkedIn Contributors Forks Issues


weather

You can get more information from my personal website here
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents
  1. About The Project
  2. Getting Started
  3. Contributing
  4. License
  5. Contact

About The Project

Screenshot from 2023-11-03 18-18-53 Screenshot from 2023-11-03 18-21-07

Hints :

  • first project with react
  • work with props
  • work with usestate
  • work with useeffect
  • have weather api
  • create some components

a weather build with react and sass full responsive and beautiful responsive

🎨 Color Reference

Color Hex
Background Color #0b090a
Parent Color #161a1d
primary Color #660708
primary font Color #f5f3f4
secondary font Color #b1a7a6

(back to top)

Built With

  • html
  • CSS3
  • TailwindCSS
  • JavaScript
  • React.js

(back to top)

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

for editing this code you should be install sass compiler or use cdn and install nodejs. dont forget that , you most be have node 14.08 to up

  • install sass in your editor then go to watch mode
    sudo apt install sass
    or
    npm install -g sass
    sass --watch master.scss master.css
  • install yarn for open vite server
    sudo apt install node
  • in project folder
    npm install -g yarn

Installation

Below is an example of how you can instruct your audience on installing and setting up your app. This template doesn't rely on any external dependencies or services.

  1. go to my page personal page
  2. Clone the repo
    git clone https://www.github.com/moeinparvizi/weather.git
  3. start sass watch mode in assets/styles folder
  • for get all packages or libraryes
    yarn
  • start project in local host server
    yarn dev

(back to top)

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again! contributors-url: https://github.com/moeinparvizi/weather/graphs/contributors

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

(back to top)

License

Programmed under the control of Moein Parvizi. See LICENSE.txt for more information.

(back to top)

Contact

moeinparvizi - linkedin - giventulip@gmail.com

Project Link: moein parvizi

(back to top)

About

https://weather-plum-omega.vercel.app

License:Apache License 2.0


Languages

Language:JavaScript 55.8%Language:SCSS 40.4%Language:HTML 3.7%