A beautiful polaroid style photo deck. See demo
$ cd react-polaroid-photo-deck
- go inside the project directory$ npm install
- install dependencies$ npm run dev
- you will be navigated to http://127.0.0.1:5173/react-polaroid-photo-deck-vite/ on your browser with vite's hot reloading.
- Put your images in
public/img
folder - Update the paths inside
src/photos.json
with orientation info:(portrait | landscape)
$ npm run build
- An optimized production build will be generated indist
folder.- If you want to preview the production build locally run
npm run preview
. You will be navigated tohttp://127.0.0.1:4173/react-polaroid-photo-deck-vite/
on your browser
- Change in
vite.config.js
thebase: '/react-polaroid-photo-deck-vite/'
if a different nested public path must be set or delete it entirely to deploy to the server's root/
$ npm run deploy
- Deploy to Github Pages ->gh-pages
branch- Set in project's settings -> Pages -> Branch
gh-pages
and folder/ (root)