Pexels Vault

About

Pexels API powered photo/video gallery.

👨‍💻 Tech Used

• Next
• TypeScript
• Tailwind CSS
• Zod
• Plaiceholder
• Iconify React
• Headless UI
• React Inner Image Zoom
• React Paginate

Getting Started

• Clone the repository.

• Basic Installation

  • Install Node.js v20.9.0 or higher.
  • Install npm 10.1.0 or higher.
  • Install required dependencies using npm i Some packages may be not be compatible with react 19.0.0, if so run npm i --force

• Starting Development Server

  • To start the development server, run npm run dev.
  • By default, the project will start at http://localhost:3000; if port 3000 is in use, it will try the next one (3001).

• Production Build

  • To build the production files, run npm run build.
  • The production build files will be generated in the out directory.

• Preview Production Build

  • Make sure to generate the production build before trying to preview it.
  • To preview the production build, run npm run preview.
  • By default, the project will start at http://localhost:3000; if port 3000 is in use, a random port will be used.