https://github.com/marcoruch/personal-website

Personal Website built with React.Js & Google Firebase
https://github.com/marcoruch/personal-website

firebase firebase-auth firestore react-context react-context-api react-hooks react-router reactjs

Last synced: 5 days ago
JSON representation

Personal Website built with React.Js & Google Firebase

• Host: GitHub
• URL: https://github.com/marcoruch/personal-website
• Owner: marcoruch
• Created: 2019-06-11T20:52:45.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-09T11:49:34.000Z (almost 2 years ago)
• Last Synced: 2023-03-07T13:40:46.823Z (over 1 year ago)
• Topics: firebase, firebase-auth, firestore, react-context, react-context-api, react-hooks, react-router, reactjs
• Language: JavaScript
• Homepage: https://marcoruch.ch/
• Size: 7.84 MB
• Stars: 1
• Watchers: 0
• Forks: 0
• Open Issues: 14
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Persönliche Website

Technologies

Diese Website wurde mit React.js programmiert.

Die Daten wurden auf Google Firebase gespeichert.

Ein Firebase-Functions-Backend existiert und wurde basierend auf Node.js und Express implementiert.


Inhalt der Website



  


    Startseite

  

   


    Spiele/Aufgaben

    


        


        Mühle

        
  

        


        Haltestellen

        

      


        Google Maps Food Search

      

    

  

    


    Projekte (Only with Permission)

  

  


    Beautiful CV (Only with Permission)

  

   


    Persönlicher Blog

  

   


    Multiuser Blogsystem

  

   


    Kontaktformular

  

   


    Admin Erfassungs-Formular für Projekte / CV / Skills

  



Lerninhalte React



  


   React Hooks, State

  

  


    Router

  

  


    Hooks

  

   


    State

  

   


    Context API

  

    


    Functional-/ & Class Components

  

      


    React + Axios

  



Lerninhalte Firebase



  


    NoSQL Database Structures

  

  

   


    Collections

  

   


    Documents

  

   


    User Auth & Multiuser System

  

   


    Firestore Filestorage

  

      


    Google Cloud Storage API

  



Lerninhalte Node.js



  


    Setup von Node.js Projekt

  

  

   


    Setup von Node.js Applikation für Firebase Projekt

  

      


    Routes, Secured Routes, Authorization, "require", REST-API Struktur

  



To use API use:

import API_HOST from '../../environment';


 Todo 

- Implement Multilanguage with Firebase as Dictionary and Context as Language-State

  - https://dev.to/halilcanozcelik/create-a-multi-language-website-with-react-context-api-4i27

- Implement SEO

 - https://dev.to/getd/a-one-minute-fix-to-make-your-react-site-just-a-bit-more-google-friendly-3g4d

 - Partially Done: Site is ranked on Google but needs to be pushed higher

 - CV Interaction for Admins

 - Project uneven numbers displays wrong size

- HistoryParts

 - Add Company highlight to HistoryParts

 - Add possibility to uppload Companies Logo