https://github.com/yaserdemet/react-threejs

https://github.com/yaserdemet/react-threejs

automotion axios contexapi hooks router threejs

Last synced: 3 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/yaserdemet/react-threejs
• Owner: yaserdemet
• Created: 2022-08-26T17:08:12.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-10-31T19:14:39.000Z (over 2 years ago)
• Last Synced: 2023-03-04T19:33:30.053Z (almost 2 years ago)
• Topics: automotion, axios, contexapi, hooks, router, threejs
• Language: JavaScript
• Homepage:
• Size: 833 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
React-ThreeJs Weather App


![Animation](https://user-images.githubusercontent.com/99739515/191304833-6e9b8956-d9e2-4b84-8e01-f0928194b0b4.gif)

[⛅click here to see detail of page](https://react-weather-app-sigma-silk.vercel.app)

## Problem Statement

- This project aims to create Weather App with Material UI and ThreeJs.

### At the end of the project, following topics are to be covered;

📌 ThreeJs

📌 React Globe

📌 Props and State Logic

📌 React Router Dom

📌 State Management with Context Api

📌 Conditional Rendering

📌 Async Await Function

📌 React Hooks (useState, useEffect, useRef, useNavigate, useParams ReactMemo)

📌 React AutoAnimate

📌 3rd Part Libraries ( Toastify, Axios, AutoAnimation )

📌 Styling with Material Ui and SASS

📌 Deployment with Vercel and Netlify

⛅ You can use [OpenWeather Api](https://openweathermap.org/) for your app to get apiKey

### How to add React Globe in your project;

#### Strongly adviced to use these versions

 

    "react-globe": "^5.0.2",

    "react-globe.gl": "^2.22.3",

    "three": "0.118.3"

#### In your component;

```

import ReactGlobe from "react-globe";

 

      

```