구희연 / Food_recipe_info

Go to a project
Toggle navigation Toggle navigation pinning
윤희찬
38373e64 1 parent 4d2c4f0d

Add some details in README.md

Inline Side-by-side
Showing 1 changed file with 37 additions and 43 deletions
......@@ -9,22 +9,6 @@
<!-- PROJECT SHIELDS -->
<!--
*** I'm using markdown "reference style" links for readability.
*** Reference links are enclosed in brackets [ ] instead of parentheses ( ).
*** See the bottom of this document for the declaration of the reference variables
*** for contributors-url, forks-url, etc. This is an optional, concise syntax you may use.
*** https://www.markdownguide.org/basic-syntax/#reference-style-links
-->
[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]
[![MIT License][license-shield]][license-url]
[![LinkedIn][linkedin-shield]][linkedin-url]
<!-- PROJECT LOGO -->
<br />
......@@ -64,7 +48,6 @@
<li>
<a href="#getting-started">Getting Started</a>
<ul>
<li><a href="#prerequisites">Prerequisites</a></li>
<li><a href="#installation">Installation</a></li>
</ul>
</li>
......@@ -73,7 +56,6 @@
<li><a href="#contributing">Contributing</a></li>
<li><a href="#license">License</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#acknowledgments">Acknowledgments</a></li>
</ol>
</details>
......@@ -107,6 +89,9 @@
* [Express](https://expressjs.com/ko/)
* [Node.js](https://nodejs.org/)
[Server]
* [AWS](https://aws.amazon.com/ko/)
<p align="right">(<a href="#top">back to top</a>)</p>
......@@ -119,20 +104,44 @@
_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. Get a free API Key at [https://www.edamam.com/](https://www.edamam.com/) and [https://developers.naver.com/main/] and [https://developers.kakao.com/docs/latest/ko/kakaologin/rest-api]
1. Get a free API Key at
* [https://www.edamam.com/](https://www.edamam.com/)
* [https://developers.naver.com/products/login/api/api.md](https://developers.naver.com/products/login/api/api.md)
* [https://developers.kakao.com/docs/latest/ko/kakaologin/rest-api](https://developers.kakao.com/docs/latest/ko/kakaologin/rest-api)
2. Clone the repo
```sh
```
git clone http://khuhub.khu.ac.kr/2018102774/Food_recipe_info.git
```
3. Install NPM packages
```sh
```
npm install
```
4. Enter your API in `main/main.js`
```js
4. Enter your API in
1) `main/main.js`
```
const API_ID = 'ENTER YOUR API';
const API_KEY = 'ENTER YOUR API';
```
2) `youtube/`
```
let apikey = 'ENTER YOUR API';
```
3) naver
`index.js`
```
clientID: 'ENTER YOUR API'
clientSecret: 'ENTER YOUR API'
```
`naver_login/callback.html`
```
naver_id_login( 'ENTER YOUR API', );
```
4) kakao
`index.js`
```
clientID: 'ENTER YOUR API'
```
<p align="right">(<a href="#top">back to top</a>)</p>
......@@ -142,9 +151,11 @@ _Below is an example of how you can instruct your audience on installing and set
<!-- USAGE EXAMPLES -->
## Usage
Use this space to show useful examples of how a project can be used. Additional screenshots, code examples and demos work well in this space. You may also link to more resources.
-사이트에 접속하여 상단 카테고리 3개중 1개를 클릭해서 원하시는 나라의 음식영상을 찾아보세요.
<img src="/uploads/43334acd01fda4d1e85c413214eea17a/그림1.png">
_For more examples, please refer to the [Documentation](https://example.com)_
-영상을 보고 먹고 싶은 음식의 레시피가 궁금하다면 검색해보세요.
<img src="/uploads/05b7c7e59dc9838fc9aba354fc94e020/그림2.png">
<p align="right">(<a href="#top">back to top</a>)</p>
......@@ -186,7 +197,7 @@ Don't forget to give the project a star! Thanks again!
<!-- LICENSE -->
## License
Distributed under the MIT License. See `LICENSE.txt` for more information.
MIT License.
<p align="right">(<a href="#top">back to top</a>)</p>
......@@ -207,23 +218,6 @@ Project Link: [http://khuhub.khu.ac.kr/2018102774/Food_recipe_info](http://khuhu
<!-- ACKNOWLEDGMENTS -->
## Acknowledgments
Use this space to list resources you find helpful and would like to give credit to. I've included a few of my favorites to kick things off!
* [Choose an Open Source License](https://choosealicense.com)
* [GitHub Emoji Cheat Sheet](https://www.webpagefx.com/tools/emoji-cheat-sheet)
* [Malven's Flexbox Cheatsheet](https://flexbox.malven.co/)
* [Malven's Grid Cheatsheet](https://grid.malven.co/)
* [Img Shields](https://shields.io)
* [GitHub Pages](https://pages.github.com)
* [Font Awesome](https://fontawesome.com)
* [React Icons](https://react-icons.github.io/react-icons/search)
<p align="right">(<a href="#top">back to top</a>)</p>
<!-- MARKDOWN LINKS & IMAGES -->
<!-- https://www.markdownguide.org/basic-syntax/#reference-style-links -->
......