https://github.com/autumnchris/wikipedia-viewer-reactjs

A front-end web app that takes a search input and gets a list of Wikipedia search results using the Media Wiki API. Built with React.js.
https://github.com/autumnchris/wikipedia-viewer-reactjs

ajax axios babel css freecodecamp javascript react reactjs sass webpack wikipedia-viewer wikipedia-viewer-challenge

Last synced: 2 days ago
JSON representation

A front-end web app that takes a search input and gets a list of Wikipedia search results using the Media Wiki API. Built with React.js.

• Host: GitHub
• URL: https://github.com/autumnchris/wikipedia-viewer-reactjs
• Owner: autumnchris
• Created: 2018-01-24T22:09:46.000Z (about 7 years ago)
• Default Branch: main
• Last Pushed: 2025-02-14T16:33:31.000Z (7 days ago)
• Last Synced: 2025-02-14T16:37:17.655Z (7 days ago)
• Topics: ajax, axios, babel, css, freecodecamp, javascript, react, reactjs, sass, webpack, wikipedia-viewer, wikipedia-viewer-challenge
• Language: JavaScript
• Homepage: https://autumnchris.github.io/wikipedia-viewer-reactjs
• Size: 2.09 MB
• Stars: 6
• Watchers: 2
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Wikipedia Viewer (React.js)

A front-end web app that takes a search input and gets a list of Wikipedia search results using the Media Wiki API. Built with React.js.

Inspired by the [Build a Wikipedia Viewer challenge](https://learn.freecodecamp.org/coding-interview-prep/take-home-projects/build-a-wikipedia-viewer) as part of the curriculum for the [Coding Interview Prep](https://www.freecodecamp.org/learn/coding-interview-prep) on [freeCodeCamp](https://www.freecodecamp.org).

---

## Built With

* [React.js](https://reactjs.org)

* [Sass](http://sass-lang.com)

* JavaScript

* CSS3

* HTML5

* [Node.js](https://nodejs.org/en)

* [Webpack](https://webpack.js.org)

* AJAX

* [Axios](https://axios-http.com)

* [Media Wiki API](https://www.mediawiki.org/wiki/API:Main_page)

* [Babel](https://babeljs.io)

* [Normalize.css](https://necolas.github.io/normalize.css)

* [Font Awesome](https://fontawesome.com)

* [Linux Libertine font](https://www.dafont.com/linux-libertine.font)

## Demo

View project demo at [https://autumnchris.github.io/wikipedia-viewer-reactjs](https://autumnchris.github.io/wikipedia-viewer-reactjs).

## Instructions

After forking and cloning, navigate to the repository in your command line and install the NPM packages:

```

npm install

```

Run the following script in your command line to run the application:

```

npm start

```

Once the server is running, go to `http://localhost:8080` in your browser.

Before committing any changes, run the following script to update your static files for production:

```

npm run build

```