About

This is small project named PanEmbed.

Idea meaning in that user can upload his panorama photo and get embed code for that photo.

Also platform is public and anyone can embed othor's photos with copyright rules.

Tech stack

Back-End

Firebase
  Storage
  Auth
  Store

Heroku
  Continuous integration
  Project serving

Front-End

ReactJS
ReduxJS
React Router
Regl
MaterializeCSS

Todo list

• Setting up heroku

• Integrate CI and auto deploymenting

• Setting up development environment and linter

• Setting up firebase

• Create project structure

• Create main layout

• Integrate firebase auth

• Create Sign in and Sign up pages

• Create project create page

• Configure firebase for generate thumbnails

• Create projects list page

• Create projects detail page

• Add project delete functionality

• Create embed layout

• Add get embed codes functionality

• Create reset password functionality

• Create user profile page

• Create project edit functionality

• Integrate analytics with embeds

• If you have more suggestions please create pull request

Development

This project was bootstrapped with Create React App.

Requirements:

NodeJS v10.15.x

Package manager npm or yarn

• Prepare .env file

  cp .env .env.local
  

• Install Dependencies

  yarn install
  

Available Scripts

In the project directory, you can run:

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

yarn run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

Happy coding, of any suggestions or issues, please contact me :)