Yog9/SnapShot

Stars
414
Rank 102,435 (Top 3 %)
Language
JavaScript
Created about 5 years ago
Updated 4 months ago

Yog9/SnapShot

Yog9

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

SnapShot is Gallery created using React Hooks, Context API and React Router. The Routes were setup for four default pages and a search page. Also the images were displayed using the Flickr API and Axios to fetch data.

Snap Shot

Demo of Snap Shot

Summary

Snap Shot is a gallery created using React,React Hooks, React Router and Context API. The Routes were setup for four default pages and a search page. Also the images were displayed using the Flickr API and axios to fetch data.

Motivation

The purpose of this project was to get familiar with React Hooks and Context API.

Getting Started

Click the demo link or clone/download the repository on your local machine. Create a config.js file in api folder inside src folders. In config.js file write export const apiKey = "YOUR_FLIKR_API_KEY";

Install dependencies

yarn install

Run Snap Shot from the root directory.

yarn start

Built With

React js
React Router
React Hooks
Context API
Flickr API

Features

1. Responsive Design.

2. Search functionality added to search photos from API.

Coming Soon

Cypress E2E Tests

Contributing

Everyone is welcomed to contribute to this project. You can contribute either by submitting bugs or suggesting improvements by opening an issue on GitHub. Please see the CONTRIBUTING guidelines for more information.

This project was bootstrapped with Create React App.

Movie-Flex

Movie Flex is a movie application created with React/Redux in which users can browse Movies and TV shows from TMDB API to find more information about them. Also provided a search functionality for searching movies/TV shows.

Metflix

Movie App made with react

portfolio

My portfolio with web development skills, examples of my projects, contact links, and a bit about me.

rentmojo

Demo of Project

Restaurant-Finder

A Full Stack Project made with React Hooks, Context API and Node.js. Users can add, update, delete restaurants. They can also add reviews for restaurant.

MyReads

React Nanodegree My reads Project

Interactive-video-player

Interactive Video Player is HTML 5 video player built from scratch using HTML5 Video API , CSS , Javascript along with some SVG for the video controls.

MovieDB

A basic react app to search movies from OMDb API.

Competitive-Programing

Solutions to problems from various online platform

Bill-Generator

Bill Generator is a full-stack app made to generate bill for food-items that the user orders. It is built from scratch using React, React Router, Node js and a NoSQL database mongo DB.

shopping-cart1

Shopping Cart is an ecommerce website made with react. User can shop for shirts and also add and remove items from the cart.

Daily-CSS-Challenges

Tried a Daily CSS email challenge for mastering pure CSS images

Responsive-Layout

Responsive Layout is portfolio website that I built using HTML5 and CSS3 .

My-Personal-Profile-Page

Profile Page is one of the first sites that I built using HTML5 and CSS3.

The-Delight

The Delight is webpage for a restaurant that I built using bootstrap 4 framework and javascript .

Full-Stack-Conference-Website

Full-Stack-Conference is a first website that I built using Boostrap 4 framework .

Maximillian-Vue-Js-Course

Vue js course on udemy

Yog9

Registration-Form

Registration form is a responsive form made using a variety of HTML form input types and attributes.

meme-generator

FileManager

Wheel-Of-Sucess

Wheel Of Sucess is a browser version of a word guessing game where the player will try to guess the generated random phrase by clicking letters from an onscreen keyboard.

My-previous-portfolio

My old portfolio .You can find my new portfolio at https://yog9.github.io/My-previous-portfolio

Web-App-Dashboard

Web App Dashboard is web dashboard with JavaScript-driven charts and graphs .

Web-Style-Guide

Web Style Guide is a style guide created using SASS fundamentals like variables, mixins, and functions.

Python-Project-1

Number Guessing Game in Python

Backend-Assignment

Backend Assignment with Node for codalyze

Codalyze-FrontEnd

comment-react

Express-Portfolio

Express Portfolio showcases the project that I have built. It stores all the data about the project in a JSON file. It uses Pug to generate a template that utilizes JSON to generate a markup that is displayed in the browser.

SVG-ANIMATIONS

SVG Animations uses SVG'S to spruce up and add a bit of character to a website.

Employee-Directory

Employee Directory used a random user API to generate random users and generate their details. Clicking a user would pop up a modal for additional information.

Quote-Generator

Quote Generator is website that I built using HTML5, CSS3 and javascript which shows new quotes and also allows the user to tweet out the quote.

Photo-Gallery

Photo Gallery is an interactive photo gallery built using JavaScript and a jQuery plugin for a lightbox. It also has a search box funtionality that filters the photos in real-time as the user types, and only display photos that match the search.