An photo website built with React, users can search for a variety of high quality photos

Last update: Jun 4, 2022

Photo_Website

License: MIT

Description

An photo website built with React, users can search for a variety of high quality photos.

  • features:
    • React for displaying UI components
    • Photos from the api of the Pexels website

Home

Home

Home

Install

$ git clone https://github.com/BrianLYT/Photo_Website.git

Setup

 Create .env file that include:

  * REACT_APP_PEXELS_AUTH 

Requirements

Run

$ npm start

Technologies Used

  • React: A JavaScript library for building user interfaces.

License

MIT License

License: MIT

Copyright (c) 2022 BrianLYT

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

GitHub

https://github.com/BrianLYT/Photo_Website
You might also like...

React-image-viewer - An image viewer example for react.js

React Image Viewer Demo Installation npm i react-image-viewer-dv Usage import {

Jun 14, 2022

React component to compare two images with a slider

React component to compare two images with a slider

React Compare Image Simple React component to compare two images using slider. NOTE: Vue.js Version is also available! Demo & Sample codes Demo & Samp

May 22, 2022

React carousel image gallery component with thumbnail support ๐Ÿ–ผ

React carousel image gallery component with thumbnail support  ๐Ÿ–ผ

React Carousel Image Gallery Live Demo (try it on mobile for swipe support) linxtion.com/demo/react-image-gallery React image gallery is a React compo

Jun 21, 2022

React lightbox component

React lightbox component

React Image Lightbox A flexible lightbox component for displaying images in a React project. DEMO Features Keyboard shortcuts (with rate limiting) Ima

Jun 18, 2022

A React component for viewing large images up close ๐Ÿ”

react-intense This component is a port of Intense Image Viewer for use with React. Demo. Usage Simply replace your img element with a ReactIntense

Jun 20, 2022

:eyes: A React component that adds pan and zoom features to SVG

react-svg-pan-zoom react-svg-pan-zoom is a React component that adds pan and zoom features to the SVG images. It helps to display big SVG images in a

Jun 21, 2022

React component to display imgix images

React component to display imgix images

react-imgix provides custom components for integrating imgix into React sites and generating images server-side. Overview / Resources Installation Usa

Jun 12, 2022

React for Upload Image Gallery. Drag & Drop, Sortable, Customize.

React for Upload Image Gallery. Drag & Drop, Sortable, Customize.

React Upload Gallery A simple library that lets you create an image gallery, change the order of images, select the highlighted image, and customize i

Jun 17, 2022

A component to reveal images on user interaction, written with TypeScript + React.

A component to reveal images on user interaction, written with TypeScript + React.

A component to reveal images on user interaction, written with TypeScript + React.

May 14, 2022
Find and record your favourite photo spots. Built using React using Google API.
Find and record your favourite photo spots. Built using React using Google API.

Photo Locations Photo Locations is a personal project. When travelling with family or friends, you often don't have enough time to extensively researc

Mar 8, 2022
React Photo Gallery
React Photo Gallery

React Photo Gallery Responsive, accessible, composable, and customizable image gallery component Maintains the original aspect ratio of your photos Cr

Jun 22, 2022
Simple react-based photo gallery inspired by Airbnb image gallery.
Simple react-based photo gallery inspired by Airbnb image gallery.

Friendly, customizable and accessible-ready simple photo gallery based on React. Install You can install react-bnb-gallery from npm. # If you are usin

Jun 26, 2022
My Photo Browser demonstration for Futurice interview(s)
My Photo Browser demonstration for Futurice interview(s)

Futurice Photo Browser Demo My Photo Browser demonstration / assignment for Futurice (GitHub). This is based around their "Photo Browser" application

Nov 30, 2021
This React Capstone project is a browsable catalogue of pets using React and Redux that enables users to filter and access details of a specific item.
This React Capstone project is a browsable catalogue of pets using React and Redux that enables users to filter and access details of a specific item.

This React Capstone project is a browsable catalogue of pets using React and Redux that enables users to filter and access details of a specific item.

Nov 16, 2021
React 360 Product Viewer - Let your users view your product or 3D renders
React 360 Product Viewer - Let your users view your product or 3D renders

React 360 Product Viewer Let your users view your product or 3D renders using mouse/touch or set it to autoplay! See it in action in storybook ยท Repor

Jun 20, 2022
Core medical image viewer components built using React

Core medical image viewer components built using React

May 25, 2022
๐ŸŽฌ Generic Cinemagraph component, built for React.
๐ŸŽฌ Generic Cinemagraph component, built for React.

Generic Cinemagraph component, built for React. The problem ?? You want a generic, adaptive, React-friendly, and customizable Cinemagraph-style compon

Feb 17, 2022
A simple slideshow component built with react that supports slide, fade and zoom effects

React-Slideshow A simple slideshow component built with react that supports slide, fade and zoom effects. For full documentation click here Installati

Jun 20, 2022
React hooks for generating Barcode for your next React apps.
React hooks for generating Barcode for your next React apps.

react-barcodes React hooks for generating Barcodes. Live demo ?? Features Compatible with both JavaScript and TypeScript Generate as SVG, Canvas and I

Jun 13, 2022