https://github.com/sammychinedu2ky/Web-App-Manifest-Generator

Web app for the generation of images and JSON object needed for the creation of your PWA
https://github.com/sammychinedu2ky/Web-App-Manifest-Generator

Last synced: about 1 month ago
JSON representation

Web app for the generation of images and JSON object needed for the creation of your PWA

• Host: GitHub
• URL: https://github.com/sammychinedu2ky/Web-App-Manifest-Generator
• Owner: sammychinedu2ky
• License: mit
• Created: 2020-01-12T20:06:48.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-10-03T07:12:12.000Z (about 1 year ago)
• Last Synced: 2024-08-03T22:24:17.727Z (5 months ago)
• Language: JavaScript
• Homepage: https://manifest-gen.netlify.com/
• Size: 2.35 MB
• Stars: 47
• Watchers: 3
• Forks: 32
• Open Issues: 21
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

• jimsghstars - sammychinedu2ky/Web-App-Manifest-Generator - Web app for the generation of images and JSON object needed for the creation of your PWA (JavaScript)

README

        
[![Netlify Status](https://api.netlify.com/api/v1/badges/4ac1edc7-0c98-41dd-8589-84b7ab1f1d08/deploy-status)](https://app.netlify.com/sites/manifest-gen/deploys)

This project was bootstrapped with [Create React App](https://github.com/facebookincubator/create-react-app) and uses [Netlify](https://www.netlify.com) for hosting.

This app helps to simplify the creation of your manifest.json file for your Progressive web app and also generates the required images in varying dimensions.

The Web App Manifest generator allows for specifying icons of varying sizes. Upload an image for the icon and it would generate the remaining sizes.

I wanted to make a little bench mark using graphql upload and plain express. so I ended up creating two servers:- 

 - A microservice using plain express

 - A microservice using the apollo-server-express middleware

Plain express.js ended up being faster. 

Since graphql only support few types excluding files. I had to convert the files to base64 string and also decode back in the client. 

I also didn't want to use redux for state management, so I ended up desgining my own state manager using the context and reduce hooks in React

Please feel free to make a pull request if you have any contribution or correction to make. I actually tried to clone this [site](https://app-manifest.firebaseapp.com/) using react with some extra tweaks

  

Below are the links to repo for the servers:

 - [express-server](https://github.com/sammychinedu2ky/manifest-server-express)

 - [graphql-server](https://github.com/sammychinedu2ky/manifest-server-graphql)

The sites link can be found [here](https://manifest-gen.netlify.com/)

---