GifExpertApp:基于ReactJs的动图搜索应用

GifExpertApp 项目概览

GifExpertApp 是一个使用 ReactJs 构建的动图搜索应用程序。通过该应用,您可以轻松搜索和浏览各种类型的动图。

可用脚本

在项目目录下,您可以运行以下脚本:

  • npm start:以开发模式启动应用程序,并在浏览器中打开应用。当您修改代码时,页面会自动重新加载,并在控制台中显示任何代码错误。
  • npm test:启动测试运行程序,并以交互式监视模式显示测试结果。
  • npm run build:构建生产应用程序,并将构建结果输出到 build 文件夹。该命令会优化构建以获得最佳性能,并将 React 代码进行捆绑和最小化。
  • npm run eject:此命令会将项目从默认的构建工具和配置中弹出,并将所有配置文件和依赖项直接复制到项目中。请注意,这是一个不可逆的操作。

项目运行

要运行 GifExpertApp,请按照以下步骤操作:

  1. 克隆或下载项目代码到本地。
  2. 在终端中导航到项目目录。
  3. 运行 npm install 命令安装项目依赖。
  4. 运行 npm start 命令启动应用程序。

探索 GifExpertApp

启动应用程序后,您可以在搜索框中输入关键词来搜索动图。应用程序会根据您的关键词从 Giphy API 获取相关的动图,并将其显示在页面上。您可以点击动图查看详情,或将其保存到您的收藏夹。

zip
GifExpertApp-main.zip 预估大小:49个文件
folder
GifExpertApp-main 文件夹
file
.gitignore 12B
file
package.json 1KB
file
package-lock.json 778KB
folder
src 文件夹
folder
components 文件夹
file
GifPanel.js 906B
file
GifExpertApp.js 1KB
file
AddCategory.js 1KB
file
Footer.js 597B
file
GifGridPanel.js 438B
file
Nav.js 339B
file
setupTests.js 499B
file
index.js 546B
folder
helpers 文件夹
file
getGifs.js 448B
file
App.js 398B
folder
tests 文件夹
folder
components 文件夹
file
AddCategory.test.js 2KB
file
GifGridPanel.test.js 1KB
file
GifPanel.test.js 1KB
folder
__snapshots__ 文件夹
file
GifGridPanel.test.js.snap 356B
file
GifPanel.test.js.snap 390B
file
AddCategory.test.js.snap 308B
folder
helpers 文件夹
file
getGif.test.js 491B
file
GifExpertApp.test.js 853B
folder
__snapshots__ 文件夹
file
GifExpertApp.test.js.snap 956B
folder
hooks 文件夹
file
useFetchGifs.test.js 1KB
file
index.css 4KB
folder
hooks 文件夹
file
useFetchGifs.js 539B
folder
img 文件夹
file
background.gif 869KB
folder
public 文件夹
file
robots.txt 67B
file
index.html 738B
file
manifest.json 300B
file
icon.png 3KB
file
debug.log 80B
file
README.md 3KB
folder
docs 文件夹
file
robots.txt 67B
folder
static 文件夹
folder
media 文件夹
file
background.e40ac069.gif 869KB
folder
js 文件夹
file
2.407d3704.chunk.js 195KB
file
main.d27b0bf9.chunk.js.map 10KB
file
main.d27b0bf9.chunk.js 4KB
file
2.407d3704.chunk.js.LICENSE.txt 1KB
file
runtime-main.078ab9d6.js 2KB
file
runtime-main.078ab9d6.js.map 8KB
file
2.407d3704.chunk.js.map 633KB
folder
css 文件夹
file
main.3908702c.chunk.css 2KB
file
main.3908702c.chunk.css.map 4KB
file
logo192.png 5KB
file
index.html 2KB
file
favicon.ico 3KB
file
manifest.json 492B
file
logo512.png 9KB
file
asset-manifest.json 940B
zip 文件大小:2.15MB