Skip to content

iambonface/wikipedia-react-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

A freeCodeCamp Wikipedia Viewer Challenge

This is a React App that consumes the Wikipedia API endpoint.
The app lists matched articles as per user's filter search. User can also click and display a random page.

Front-end User Interface

screenshot_wikipedia

User Stories and Challenge Requirements

User Story 1: I can search Wikipedia entries in a search box and see the resulting Wikipedia entries.
User Story 2: I can click a button to see a random Wikipedia entry..

Dependecies

"jquery": "^3.2.1",
"normalize-css": "^2.3.1",
"react": "^15.6.1",
"react-bootstrap": "^0.31.0",
"react-dom": "^15.6.1",
"react-scripts": "1.0.10"

Developers guide

$ git clone https://github.com/iambonface/wikipedia-react-app.git yourfoldername
$ cd yourfoldername
$ npm install
$ npm start #This will open on localhost:3000

#open new terminal, cd to project and fire up Atom
$ atom . #I noticed Atom is user friendler with JSX but you are free to use whatever editor

Live Preview

Click here to view the Wikipedia Viewer

Credits

API endpoint courtesy of Wikipedia

Wikipedia Logo By Version 1 by Nohat (concept by Paullusmagnus); Wikimedia. (File:Wikipedia-logo.svg as of 14 May 2010T23:16:42) [CC BY-SA 3.0 (http://creativecommons.org/licenses/by-sa/3.0)], via Wikimedia Commons

Wikipedia Word Mark By Wikipedia-logo-v2-en.svg: Wikimedia Foundation derivative work: Beao (Wikipedia-logo-v2-en.svg) [Public domain], via Wikimedia Commons

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published