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/imgfolder - Update the paths inside
src/photos.jsonwith orientation info:(portrait | landscape)
$ npm run build- An optimized production build will be generated indistfolder.- 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.jsthebase: '/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-pagesbranch- Set in project's settings -> Pages -> Branch
gh-pagesand folder/ (root)
