SnapShot

Schnappschuss

Zusammenfassung

Snap Shot ist eine Galerie, die mit React, React Hooks, React Router und Kontext -API erstellt wurde. Die Routen wurden für vier Standardseiten und eine Suchseite eingerichtet. Auch die Bilder wurden unter Verwendung der Flickr -API und Axios angezeigt, um Daten abzurufen.

Motivation

Der Zweck dieses Projekts war es, sich mit React -Hooks und Kontext -API vertraut zu machen.

Erste Schritte

Klicken Sie auf den Demo -Link oder klonen/laden Sie das Repository auf Ihrem lokalen Computer herunter. Erstellen Sie eine config.js -Datei im API -Ordner in SRC -Ordnern. In config.js Datei write export const apiKey = "YOUR_FLIKR_API_KEY";

Abhängigkeiten installieren

yarn install

Führen Sie Snap Shot aus dem Root -Verzeichnis aus.

yarn start

Gebaut mit

• Reagieren js
• Router reagieren
• Reagieren Haken
• Kontext -API
• Flickr API

Merkmale

1. Responsive Design.

2. Suchfunktionen, die zu Suchfotos von API hinzugefügt wurden.

Bald kommen

• Cypress E2E -Tests

Beitragen

Jeder ist begrüßt, um zu diesem Projekt beizutragen. Sie können entweder einen Beitrag leisten, indem Sie Fehler einreichen oder Verbesserungen vorschlagen, indem Sie ein Problem auf GitHub eröffnen. Weitere Informationen finden Sie in den beitragenden Richtlinien.

Dieses Projekt wurde mit der Creat -React -App mit Streatstrade gestapft.