personal website react

Persönliche Website reagieren

Eine saubere, reaktionsschnelle einseitige WebApp-Vorlage für Entwickler. Deno bei jolienhoop.com anzeigen

• mit React gebaut
• Mit der React -App create -react stootstraded
• gestylt mit Material-UI
• mit Vercel eingesetzt und bei jolienhoop.com gehostet

Ein großes Lob an Cody Bennett, José Coelho und Brittany Chiang für die Inspiration.

Merkmale

• Alle persönlichen Informationen werden aus der Datei resume.json nach dem JSON -Lebenslauf -Standard besiedelt, einer Community -angetriebenen Open -Source -Initiative, um einen JSON -basierten Standard für Lebensläufe zu erstellen. Entdecken Sie hier das offizielle Schema.
• Der Umschalter/Schalter für den Dunklen Modus synchronisiert seinen Zustand mit dem lokalen Speicher.

Bald kommen

• Zwei schöne Lebenslauf -Seitenvorlagen, die basierend auf den Daten in der Datei resume.json generiert werden - ein moderner Ansatz des traditionellen gedruckten Lebenslaufs.
• Reiche Google-Suchergebnisse mit strukturierten Daten mit json-ld.org/.

Anpassung

Fühlen Sie sich frei, dieses Projekt aufzugeben und es mit Ihren eigenen Informationen und Ihren eigenen Stilen anzupassen.

In den materiellen UI -Dokumenten finden Sie Anleitungen zum schnellen Anpassen der Themen, Komponenten und Farben, die Ihrem Geschmack entsprechen.

Wenn Sie die App in irgendeiner Weise verbessern, wäre eine Pull -Anfrage sehr geschätzt ✌️

Verfügbare Skripte

Im Projektverzeichnis können Sie ausführen:

npm install

So installieren Sie die Abhängigkeiten.

npm start

So führen Sie die App im Entwicklungsmodus unter http: // localhost: 3000 aus

Die Seite wird neu laden, wenn Sie Änderungen vornehmen.
Sie werden auch Fellfehler in der Konsole sehen.

npm run build

Build die App für die Produktion im build -Ordner.
Es reagiert korrekt im Produktionsmodus und optimiert den Build für die beste Leistung.

Der Build wird abgebaut und die Dateinamen enthalten die Hashes.
Ihre App ist bereit für die Bereitstellung!