Data

Tools

Indexes

Applications

Experiments

Open Source Science

https://github.com/dimitri-pletschette/googlephotosclone

https://github.com/dimitri-pletschette/googlephotosclone

Science Score: 13.0%

This score indicates how likely this project is to be science-related based on various indicators:

  • ○
    CITATION.cff file
  • ✓
    codemeta.json file
    Found codemeta.json file
  • ○
    .zenodo.json file
  • ○
    DOI references
  • ○
    Academic publication links
  • ○
    Academic email domains
  • ○
    Institutional organization owner
  • ○
    JOSS paper metadata
  • ○
    Scientific vocabulary similarity
    Low similarity (11.1%) to scientific vocabulary
Last synced: 5 months ago · JSON representation

Repository

Basic Info
  • Host: GitHub
  • Owner: dimitri-pletschette
  • License: mit
  • Language: JavaScript
  • Default Branch: master
  • Size: 4.37 MB
Statistics
  • Stars: 0
  • Watchers: 1
  • Forks: 0
  • Open Issues: 2
  • Releases: 0
Created about 1 year ago · Last pushed 7 months ago
Metadata Files
Readme License

README.MD

Google Photos Clone

A Google Photos Clone built with ReactJs🚀 and Firebase🔥

Click Here to View the Website

Features

  • Google Login
  • Upload multiple Photos at once
  • Create new Album
  • Delete Photos and Albums
  • Download Photos

Preview

Technology Used

  • React (FrontEnd)
    • Material-UI
    • react-router-dom
    • Redux
  • Firebase - Baas (Backend as a Service)
    • Firestore
    • Authentication (Google Authentication)
    • Cloud Storage

To run this on Local machine

  • Clone the repo, and cd into it
  • Install all the dependcies from package.json
  • Create a firebase project and enable Google login
  • Create a file src/firebase.js and place firebase project Keys inside as shown in src/firebase.example.js
  • Run app by typing npm start in command line
  • Make sure to read the Note section below

Note

  • All the functions which does the database transactions are created in a custom hook and imported into components. Check src\hooks\useFirestore.js
  • You will have to create Indexes in firestore, as HomePage, AlbumPage uses Nested Queries to fetch data from Firestore. While running the application for first time there will be an error in console stating you to create an Index in Firestore. That Error will provide a link to create an Index in Firestore , you can click on the link and create an Index. (This Error will be solved after that particular Index is created)
  • To Download Photo diretly from firebase storage in javacript as a Blob type, you have to change CORS policy in google cloud console, to know more check the below links

Owner

  • Name: Dimitri Pletschette
  • Login: dimitri-pletschette
  • Kind: user
  • Location: Zurich

Digital Product Manager & Technology Blogger

GitHub Events

Total
  • Delete event: 15
  • Issue comment event: 10
  • Push event: 7
  • Pull request event: 34
  • Create event: 16
Last Year
  • Delete event: 15
  • Issue comment event: 10
  • Push event: 7
  • Pull request event: 34
  • Create event: 16

Issues and Pull Requests

Last synced: 6 months ago

All Time
  • Total issues: 0
  • Total pull requests: 20
  • Average time to close issues: N/A
  • Average time to close pull requests: 1 day
  • Total issue authors: 0
  • Total pull request authors: 1
  • Average comments per issue: 0
  • Average comments per pull request: 0.55
  • Merged pull requests: 4
  • Bot issues: 0
  • Bot pull requests: 20
Past Year
  • Issues: 0
  • Pull requests: 20
  • Average time to close issues: N/A
  • Average time to close pull requests: 1 day
  • Issue authors: 0
  • Pull request authors: 1
  • Average comments per issue: 0
  • Average comments per pull request: 0.55
  • Merged pull requests: 4
  • Bot issues: 0
  • Bot pull requests: 20
View more stats
Top Authors
Issue Authors
Pull Request Authors
  • dependabot[bot] (20)
Top Labels
Issue Labels
Pull Request Labels
dependencies (20) javascript (5)

Dependencies

.github/workflows/auto-merge.yml actions
package-lock.json npm
  • 1336 dependencies
package.json npm
  • @material-ui/core ^4.12.3
  • @material-ui/icons ^4.11.2
  • firebase ^9.23.0
  • react ^17.0.2
  • react-dom ^17.0.2
  • react-redux ^7.2.6
  • react-router-dom ^6.0.2
  • react-scripts 5.0.1
  • redux ^4.1.2
  • uuid ^8.3.2