GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → Yog9 → Snapshot

Yog9 / Snapshot

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.

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

reactjsaxiostravis-ci

Projects that are alternatives of or similar to Snapshot

Travis.rb
Travis CI Client (CLI and Ruby library)
Stars: ✭ 1,563 (+1066.42%)
Mutual labels:  travis-ci
Dotfiles
Configuration files for XMonad, Emacs, NixOS, Taffybar and more.
Stars: ✭ 127 (-5.22%)
Mutual labels:  travis-ci
Vue Admin
VUE2.0增删改查附编辑添加model(弹框)组件共用
Stars: ✭ 133 (-0.75%)
Mutual labels:  axios
Lpoj
An open source online judge system base on Django REST framework and Vue.js !
Stars: ✭ 122 (-8.96%)
Mutual labels:  travis-ci
D2 Admin
An elegant dashboard
Stars: ✭ 11,012 (+8117.91%)
Mutual labels:  axios
Echat
基于Vue的点对点聊天项目
Stars: ✭ 130 (-2.99%)
Mutual labels:  axios
React Cloud Music
React 16.8打造精美音乐WebApp
Stars: ✭ 1,722 (+1185.07%)
Mutual labels:  axios
Alpine Chroot Install
Install Alpine Linux in chroot with a breeze. Build ARM on Travis CI or any other x86_64 CI.
Stars: ✭ 133 (-0.75%)
Mutual labels:  travis-ci
Use Axios Client
Make axios requests in React using hooks.
Stars: ✭ 126 (-5.97%)
Mutual labels:  axios
Go Vue Example
Example App using Go, Vue.js, Element, Axios
Stars: ✭ 133 (-0.75%)
Mutual labels:  axios
Vue Visualization
Vue 结合 D3.js 进行数据可视化开发的练手案例
Stars: ✭ 125 (-6.72%)
Mutual labels:  axios
Vue Todos
vue最新实战项目教程，从零开始，一步一个脚印,循序渐进。跟着我一起学习vue吧！
Stars: ✭ 1,659 (+1138.06%)
Mutual labels:  axios
Trytravis
Send local git changes to Travis CI without commits or pushes.
Stars: ✭ 131 (-2.24%)
Mutual labels:  travis-ci
React App Architecture
React.js Isomorphic Web Application Architecture - Learn to build a complete website for a blogging platform like Medium, FreeCodeCamp, MindOrks etc using React.js, Redux, Material-UI, Express.js, Typescript, Webpack, Babel, and Docker. OpenSource project by AfterAcademy
Stars: ✭ 122 (-8.96%)
Mutual labels:  axios
Webapiclientgen
Strongly Typed Client API Generators generate strongly typed client APIs in C# .NET and in TypeScript for jQuery and Angular 2+ from ASP.NET Web API and .NET Core Web API
Stars: ✭ 134 (+0%)
Mutual labels:  axios
Axios Vcr
📼 Record and Replay requests in JavaScript
Stars: ✭ 121 (-9.7%)
Mutual labels:  axios
Monorepo
Showcase of how to manage building projects inside monorepo with Gradle as build tool and CircleCI, Bitbucket Pipelines, Travis CI or GitHub Actions as CI tool.
Stars: ✭ 129 (-3.73%)
Mutual labels:  travis-ci
Vue Element Quick Start
Vue2, Vuex 3, Vue Router 3, Element-ui and Typescript SPA project quick start kit(Vue element ui 快速开始脚手架)
Stars: ✭ 135 (+0.75%)
Mutual labels:  axios
Ci Buildstats
Little widget to display AppVeyor, TravisCI, CircleCI, GitHub Actions or Azure Pipelines build history charts and other SVG badges.
Stars: ✭ 134 (+0%)
Mutual labels:  travis-ci
Oblog
An Auto Rendering 🔽 Blogging System Based on MarkDown & Vue.js | 自动渲染装载 MarkDown 内容的博客系统
Stars: ✭ 133 (-0.75%)
Mutual labels:  axios
View All Similar Projects ➔

Snap Shot Tweet

Build Status License: MIT HitCount

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.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].