https://github.com/pdy1207/react-ecommerce
리액트로 만들어본 코인 💰
https://github.com/pdy1207/react-ecommerce
chart ecommerce open-source react-project rest-api
Last synced: 11 months ago
JSON representation
리액트로 만들어본 코인 💰
- Host: GitHub
- URL: https://github.com/pdy1207/react-ecommerce
- Owner: pdy1207
- Created: 2023-05-08T12:18:13.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-08-06T08:28:04.000Z (almost 3 years ago)
- Last Synced: 2025-03-01T05:31:37.845Z (over 1 year ago)
- Topics: chart, ecommerce, open-source, react-project, rest-api
- Language: JavaScript
- Homepage: https://pdy1207.github.io/react-ecommerce/
- Size: 4.84 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Ecommerce
> **도영 Company**
**개발기간: 2023.05 ~ 2023.06**
**추가작업 2023.07 ~ 2023.08** **디자인 반영과 개인사정으로 인한 약 1.5달**
## 배포 주소
> **Git Hub** : [pdy1207.github.io/react-ecommerce/](https://pdy1207.github.io/react-ecommerce/)
## 웹개발팀 소개
| 박도영 |
| :------------------------------------------------------------------------------: |
| 
|
| [@pdy1207](https://github.com/pdy1207) |
| Web Dev |
## 프로젝트 소개
React로서 제작한 첫번째 프로젝트입니다. 원래는 react-query로서 실시간 전자상거래 앱을 만드려고했으나.... API연동부터 하여, 제작해보았습니다. 해당 API는 업비트 API를 사용하려고 했으니 요청이 잦으면 차단당할수 있을듯하여 CoinGecko를 사용하였습니다.(매우 쉬운 무료 api 사이트) 이름하여, 암호화폐 가격 추적 앱입니다. 한때 유행했었던 bitcoin의 가격을 추적할 수 있으며, 세부사항에는 과거 가격 그래프와 몇가지 추가 세부 정보가 담겨져있습니다 또한 검색을 통하여 그 외 다양한 것들을 접해볼 수 있습니다.
#### React-ecommerce will share the knowledge of programming.
Improved understanding and application of React configuration.
#### React-ecommerce's website will give you a learning-friendly environment.
Our website supports the following component.
1. Can I be rich too?!
2. Bitcoin related updates.
3. Let's predict the past through details!
## 시작 가이드
### Requirements
For building and running the application you need:
- [Coingecko API](https://www.coingecko.com/en/api)
- [Material Icons](https://fonts.google.com/icons)
- [Font awesome](https://fontawesome.com/)
- [Zustand](https://github.com/pmndrs/zustand)
- [Axios](https://github.com/axios/axios)
- [Classnames](https://www.npmjs.com/package/classnames)
- [React Router](https://reactrouter.com/en/main)
- [Sass](https://www.npmjs.com/package/sass)
- [Chart Usage](https://recharts.org/en-US)
### Installation
``` bash
$ git clone https://github.com/pdy1207/react-ecommerce.git
$ cd react-ecommerce
$ npm update
$ npm start
```
## Stacks 🔧
### Environment
### Development
### Config
## 화면 구성 🪙
| 메인페이지 | |
| :-------------------------------------------: | :------------: |
| 
| 
| **상세 페이지** | |
| 
|
|
## ISSUES
**- [Thanks! CSS infinite rotate animation](https://stackoverflow.com/questions/6410730/css-endless-rotation-animation)**
**- [proxy 해결 블로그](https://leeseong010.tistory.com/117)**
```
"proxy": "http://localhost:5000",
'교차 출처 리소스 공유' 라는 뜻을 가지는 해당 정책은 서로 다른 출처의 리소스에
request를 할 때 보안상의 이유로 교차 출처 HTTP 요청을 제한하는 것이다.
```
으.. 배포 해당 url 앞까진 404 page를 못막네 ㅠ ㅠ