` along with the commit hash for each video below to reset back to the starting code for that video
27 |
28 | 1. (Getting started)[https://youtu.be/-X1KMCM_uts]
29 | 2. (bf7155dc357d259c38a1f06cb96bdfe80869b89e)[https://youtu.be/V-xXdsi91wc]
30 | 3. (75792ade18df186aa1f530de09348349f70b0fdd)[https://youtu.be/zl_jsCLo4eo]
31 | 4. (486710c9f149469bedfe7c01a4a65b96cd849fad)[https://youtu.be/1jU8kttXYc4]
32 | 5. (9513363ae33c80d8181c08ad11cb1056cac1bd55)[https://youtu.be/vU0VeFN-abU]
33 | 6. (c53238bb6f71f33ee7f40fb4049d902377d0e170)[https://youtu.be/n1_MQiSXyxw]
34 | 7. (2960eb9a05c8bbc66c829e1cd751d5f9be6d70f9)[https://youtu.be/GtwK0Hj6jU8]
35 | 8. (e7e37bbf269562900d2e47323802dc5880afb34c)[https://youtu.be/EMR8jlkAbCA]
36 | 9. (6fdbf72acec763380a368460a9d436f26451356f)[https://youtu.be/bK2gZymltRI]
37 | 10. (01e9e69434a757df68883000232bd39e08240edd)[https://youtu.be/4W8ZJPPNn9k]
38 |
39 | ---
40 |
41 |
42 |
43 |
Other places you can find us:
44 |
45 |
46 |
47 |
48 |
Django React Boilerplate
10 |
11 |
12 |
13 | You need to enable JavaScript to run this app.
14 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | }
10 | ],
11 | "start_url": "./index.html",
12 | "display": "standalone",
13 | "theme_color": "#000000",
14 | "background_color": "#ffffff"
15 | }
16 |
--------------------------------------------------------------------------------
/requirements.txt:
--------------------------------------------------------------------------------
1 | certifi==2018.8.24
2 | chardet==3.0.4
3 | defusedxml==0.5.0
4 | Django==2.2
5 | django-allauth==0.37.1
6 | django-cors-headers==2.4.0
7 | django-rest-auth==0.9.3
8 | djangorestframework==3.8.2
9 | idna==2.7
10 | oauthlib==2.1.0
11 | python3-openid==3.1.0
12 | pytz==2018.5
13 | requests==2.20.0
14 | requests-oauthlib==1.0.0
15 | six==1.11.0
16 | sqlparse==0.3.0
17 | urllib3==1.23
18 |
--------------------------------------------------------------------------------
/src/App.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from "react";
2 | import { BrowserRouter as Router } from "react-router-dom";
3 | import { connect } from "react-redux";
4 | import BaseRouter from "./routes";
5 | import "antd/dist/antd.css";
6 | import "./style.css";
7 | import * as actions from "./store/actions/auth";
8 |
9 | import CustomLayout from "./containers/Layout";
10 |
11 | class App extends Component {
12 | componentDidMount() {
13 | this.props.onTryAutoSignup();
14 | }
15 |
16 | render() {
17 | return (
18 |
19 |
20 |
22 |
23 | );
24 | }
25 | }
26 |
27 | const mapStateToProps = state => {
28 | return {
29 | isAuthenticated: state.auth.token !== null
30 | };
31 | };
32 |
33 | const mapDispatchToProps = dispatch => {
34 | return {
35 | onTryAutoSignup: () => dispatch(actions.authCheckState())
36 | };
37 | };
38 |
39 | export default connect(
40 | mapStateToProps,
41 | mapDispatchToProps
42 | )(App);
43 |
--------------------------------------------------------------------------------
/src/App.test.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import ReactDOM from "react-dom";
3 | import App from "./App";
4 |
5 | it("renders without crashing", () => {
6 | const div = document.createElement("div");
7 | ReactDOM.render(
6 |
7 |
8 | Title: {journal.title}{" "}
9 |
10 |
11 | Author: {journal.author.name}{" "}
12 |
13 |
14 | Categories:
15 | {journal.categories.map(c => {
16 | return {c} ;
17 | })}
18 |
19 |
20 | Publish date: {journal.publish_date}{" "}
21 |
22 |
23 | View count: {journal.views}{" "}
24 |
25 |
26 | Reviewed:
27 | {`${journal.reviewed}`}{" "}
28 |
29 |
30 |
100 | {error &&
There was an error }
101 |
102 |
178 |
179 | {loading ? (
180 |
181 |
183 | ) : (
184 |
185 | )}
186 |
67 |
Infinite journals
68 |
Scroll down to load more
69 |
70 | {journals.map(j => {
71 | return
;
72 | })}
73 | {error &&
{error}
}
74 | {loading &&
Loading...
}
75 | {!hasMore &&
No more results
}
76 |
13 |
14 |
15 |
21 | {this.props.isAuthenticated ? (
22 |
23 | Logout
24 |
25 | ) : (
26 |
27 |
29 | )}
30 |
31 |
32 |
33 |
34 |
35 |
37 |
38 |
40 |
41 |
42 | {this.props.children}
43 |
44 |
45 |
46 | Ant Design ©2016 Created by Ant UED
47 |
48 |
49 | );
50 | }
51 | }
52 |
53 | const mapDispatchToProps = dispatch => {
54 | return {
55 | logout: () => dispatch(actions.logout())
56 | };
57 | };
58 |
59 | export default withRouter(
60 | connect(
61 | null,
62 | mapDispatchToProps
63 | )(CustomLayout)
64 | );
65 |
--------------------------------------------------------------------------------
/src/containers/Login.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { Form, Icon, Input, Button, Spin } from "antd";
3 | import { connect } from "react-redux";
4 | import { NavLink } from "react-router-dom";
5 | import * as actions from "../store/actions/auth";
6 |
7 | const FormItem = Form.Item;
8 | const antIcon = {this.props.error.message}
;
25 | }
26 |
27 | const { getFieldDecorator } = this.props.form;
28 | return (
29 |
30 | {errorMessage}
31 | {this.props.loading ? (
32 |
83 | );
84 | }
85 | }
86 |
87 | const WrappedNormalLoginForm = Form.create()(NormalLoginForm);
88 |
89 | const mapStateToProps = state => {
90 | return {
91 | loading: state.auth.loading,
92 | error: state.auth.error
93 | };
94 | };
95 |
96 | const mapDispatchToProps = dispatch => {
97 | return {
98 | onAuth: (username, password) =>
99 | dispatch(actions.authLogin(username, password))
100 | };
101 | };
102 |
103 | export default connect(
104 | mapStateToProps,
105 | mapDispatchToProps
106 | )(WrappedNormalLoginForm);
107 |
--------------------------------------------------------------------------------
/src/containers/Results.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import Result from "../components/Result";
3 |
4 | const Results = ({ journals }) => (
5 |
6 | {journals.map(j => {
7 | return
10 | );
11 |
12 | export default Results;
13 |
--------------------------------------------------------------------------------
/src/containers/Signup.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { Form, Input, Icon, Button } from "antd";
3 | import { connect } from "react-redux";
4 | import { NavLink } from "react-router-dom";
5 | import * as actions from "../store/actions/auth";
6 |
7 | const FormItem = Form.Item;
8 |
9 | class RegistrationForm extends React.Component {
10 | state = {
11 | confirmDirty: false
12 | };
13 |
14 | handleSubmit = e => {
15 | e.preventDefault();
16 | this.props.form.validateFieldsAndScroll((err, values) => {
17 | if (!err) {
18 | this.props.onAuth(
19 | values.userName,
20 | values.email,
21 | values.password,
22 | values.confirm
23 | );
24 | this.props.history.push("/");
25 | }
26 | });
27 | };
28 |
29 | handleConfirmBlur = e => {
30 | const value = e.target.value;
31 | this.setState({ confirmDirty: this.state.confirmDirty || !!value });
32 | };
33 |
34 | compareToFirstPassword = (rule, value, callback) => {
35 | const form = this.props.form;
36 | if (value && value !== form.getFieldValue("password")) {
37 | callback("Two passwords that you enter is inconsistent!");
38 | } else {
39 | callback();
40 | }
41 | };
42 |
43 | validateToNextPassword = (rule, value, callback) => {
44 | const form = this.props.form;
45 | if (value && this.state.confirmDirty) {
46 | form.validateFields(["confirm"], { force: true });
47 | }
48 | callback();
49 | };
50 |
51 | render() {
52 | const { getFieldDecorator } = this.props.form;
53 |
54 | return (
55 |
143 | );
144 | }
145 | }
146 |
147 | const WrappedRegistrationForm = Form.create()(RegistrationForm);
148 |
149 | const mapStateToProps = state => {
150 | return {
151 | loading: state.auth.loading,
152 | error: state.auth.error
153 | };
154 | };
155 |
156 | const mapDispatchToProps = dispatch => {
157 | return {
158 | onAuth: (username, email, password1, password2) =>
159 | dispatch(actions.authSignup(username, email, password1, password2))
160 | };
161 | };
162 |
163 | export default connect(
164 | mapStateToProps,
165 | mapDispatchToProps
166 | )(WrappedRegistrationForm);
167 |
--------------------------------------------------------------------------------
/src/hoc/hoc.js:
--------------------------------------------------------------------------------
1 | const Hoc = props => props.children;
2 |
3 | export default Hoc;
4 |
--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import ReactDOM from "react-dom";
3 | import App from "./App";
4 | import registerServiceWorker from "./registerServiceWorker";
5 | import { createStore, compose, applyMiddleware, combineReducers } from "redux";
6 | import { Provider } from "react-redux";
7 | import thunk from "redux-thunk";
8 |
9 | import authReducer from "./store/reducers/auth";
10 |
11 | const composeEnhances = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
12 |
13 | const rootReducer = combineReducers({
14 | auth: authReducer
15 | });
16 |
17 | const store = createStore(rootReducer, composeEnhances(applyMiddleware(thunk)));
18 |
19 | const app = (
20 |
21 |
23 | );
24 |
25 | ReactDOM.render(app, document.getElementById("root"));
26 | registerServiceWorker();
27 |
--------------------------------------------------------------------------------
/src/registerServiceWorker.js:
--------------------------------------------------------------------------------
1 | // In production, we register a service worker to serve assets from local cache.
2 |
3 | // This lets the app load faster on subsequent visits in production, and gives
4 | // it offline capabilities. However, it also means that developers (and users)
5 | // will only see deployed updates on the "N+1" visit to a page, since previously
6 | // cached resources are updated in the background.
7 |
8 | // To learn more about the benefits of this model, read https://goo.gl/KwvDNy.
9 | // This link also includes instructions on opting out of this behavior.
10 |
11 | const isLocalhost = Boolean(
12 | window.location.hostname === "localhost" ||
13 | // [::1] is the IPv6 localhost address.
14 | window.location.hostname === "[::1]" ||
15 | // 127.0.0.1/8 is considered localhost for IPv4.
16 | window.location.hostname.match(
17 | /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
18 | )
19 | );
20 |
21 | export default function register() {
22 | if (process.env.NODE_ENV === "production" && "serviceWorker" in navigator) {
23 | // The URL constructor is available in all browsers that support SW.
24 | const publicUrl = new URL(process.env.PUBLIC_URL, window.location);
25 | if (publicUrl.origin !== window.location.origin) {
26 | // Our service worker won't work if PUBLIC_URL is on a different origin
27 | // from what our page is served on. This might happen if a CDN is used to
28 | // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374
29 | return;
30 | }
31 |
32 | window.addEventListener("load", () => {
33 | const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
34 |
35 | if (isLocalhost) {
36 | // This is running on localhost. Lets check if a service worker still exists or not.
37 | checkValidServiceWorker(swUrl);
38 |
39 | // Add some additional logging to localhost, pointing developers to the
40 | // service worker/PWA documentation.
41 | navigator.serviceWorker.ready.then(() => {
42 | console.log(
43 | "This web app is being served cache-first by a service " +
44 | "worker. To learn more, visit https://goo.gl/SC7cgQ"
45 | );
46 | });
47 | } else {
48 | // Is not local host. Just register service worker
49 | registerValidSW(swUrl);
50 | }
51 | });
52 | }
53 | }
54 |
55 | function registerValidSW(swUrl) {
56 | navigator.serviceWorker
57 | .register(swUrl)
58 | .then(registration => {
59 | registration.onupdatefound = () => {
60 | const installingWorker = registration.installing;
61 | installingWorker.onstatechange = () => {
62 | if (installingWorker.state === "installed") {
63 | if (navigator.serviceWorker.controller) {
64 | // At this point, the old content will have been purged and
65 | // the fresh content will have been added to the cache.
66 | // It's the perfect time to display a "New content is
67 | // available; please refresh." message in your web app.
68 | console.log("New content is available; please refresh.");
69 | } else {
70 | // At this point, everything has been precached.
71 | // It's the perfect time to display a
72 | // "Content is cached for offline use." message.
73 | console.log("Content is cached for offline use.");
74 | }
75 | }
76 | };
77 | };
78 | })
79 | .catch(error => {
80 | console.error("Error during service worker registration:", error);
81 | });
82 | }
83 |
84 | function checkValidServiceWorker(swUrl) {
85 | // Check if the service worker can be found. If it can't reload the page.
86 | fetch(swUrl)
87 | .then(response => {
88 | // Ensure service worker exists, and that we really are getting a JS file.
89 | if (
90 | response.status === 404 ||
91 | response.headers.get("content-type").indexOf("javascript") === -1
92 | ) {
93 | // No service worker found. Probably a different app. Reload the page.
94 | navigator.serviceWorker.ready.then(registration => {
95 | registration.unregister().then(() => {
96 | window.location.reload();
97 | });
98 | });
99 | } else {
100 | // Service worker found. Proceed as normal.
101 | registerValidSW(swUrl);
102 | }
103 | })
104 | .catch(() => {
105 | console.log(
106 | "No internet connection found. App is running in offline mode."
107 | );
108 | });
109 | }
110 |
111 | export function unregister() {
112 | if ("serviceWorker" in navigator) {
113 | navigator.serviceWorker.ready.then(registration => {
114 | registration.unregister();
115 | });
116 | }
117 | }
118 |
--------------------------------------------------------------------------------
/src/routes.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { Route } from "react-router-dom";
3 | import Hoc from "./hoc/hoc";
4 |
5 | import Login from "./containers/Login";
6 | import Signup from "./containers/Signup";
7 | import Form from "./containers/Form";
8 | import InfiniteResults from "./containers/InfiniteScrollResults";
9 |
10 | const BaseRouter = () => (
11 |
12 |
17 | );
18 |
19 | export default BaseRouter;
20 |
--------------------------------------------------------------------------------
/src/store/actions/actionTypes.js:
--------------------------------------------------------------------------------
1 | export const AUTH_START = "AUTH_START";
2 | export const AUTH_SUCCESS = "AUTH_SUCCESS";
3 | export const AUTH_FAIL = "AUTH_FAIL";
4 | export const AUTH_LOGOUT = "AUTH_LOGOUT";
5 |
--------------------------------------------------------------------------------
/src/store/actions/auth.js:
--------------------------------------------------------------------------------
1 | import axios from "axios";
2 | import * as actionTypes from "./actionTypes";
3 |
4 | export const authStart = () => {
5 | return {
6 | type: actionTypes.AUTH_START
7 | };
8 | };
9 |
10 | export const authSuccess = token => {
11 | return {
12 | type: actionTypes.AUTH_SUCCESS,
13 | token: token
14 | };
15 | };
16 |
17 | export const authFail = error => {
18 | return {
19 | type: actionTypes.AUTH_FAIL,
20 | error: error
21 | };
22 | };
23 |
24 | export const logout = () => {
25 | localStorage.removeItem("token");
26 | localStorage.removeItem("expirationDate");
27 | return {
28 | type: actionTypes.AUTH_LOGOUT
29 | };
30 | };
31 |
32 | export const checkAuthTimeout = expirationTime => {
33 | return dispatch => {
34 | setTimeout(() => {
35 | dispatch(logout());
36 | }, expirationTime * 1000);
37 | };
38 | };
39 |
40 | export const authLogin = (username, password) => {
41 | return dispatch => {
42 | dispatch(authStart());
43 | axios
44 | .post("http://127.0.0.1:8000/rest-auth/login/", {
45 | username: username,
46 | password: password
47 | })
48 | .then(res => {
49 | const token = res.data.key;
50 | const expirationDate = new Date(new Date().getTime() + 3600 * 1000);
51 | localStorage.setItem("token", token);
52 | localStorage.setItem("expirationDate", expirationDate);
53 | dispatch(authSuccess(token));
54 | dispatch(checkAuthTimeout(3600));
55 | })
56 | .catch(err => {
57 | dispatch(authFail(err));
58 | });
59 | };
60 | };
61 |
62 | export const authSignup = (username, email, password1, password2) => {
63 | return dispatch => {
64 | dispatch(authStart());
65 | axios
66 | .post("http://127.0.0.1:8000/rest-auth/registration/", {
67 | username: username,
68 | email: email,
69 | password1: password1,
70 | password2: password2
71 | })
72 | .then(res => {
73 | const token = res.data.key;
74 | const expirationDate = new Date(new Date().getTime() + 3600 * 1000);
75 | localStorage.setItem("token", token);
76 | localStorage.setItem("expirationDate", expirationDate);
77 | dispatch(authSuccess(token));
78 | dispatch(checkAuthTimeout(3600));
79 | })
80 | .catch(err => {
81 | dispatch(authFail(err));
82 | });
83 | };
84 | };
85 |
86 | export const authCheckState = () => {
87 | return dispatch => {
88 | const token = localStorage.getItem("token");
89 | if (token === undefined) {
90 | dispatch(logout());
91 | } else {
92 | const expirationDate = new Date(localStorage.getItem("expirationDate"));
93 | if (expirationDate <= new Date()) {
94 | dispatch(logout());
95 | } else {
96 | dispatch(authSuccess(token));
97 | dispatch(
98 | checkAuthTimeout(
99 | (expirationDate.getTime() - new Date().getTime()) / 1000
100 | )
101 | );
102 | }
103 | }
104 | };
105 | };
106 |
--------------------------------------------------------------------------------
/src/store/reducers/auth.js:
--------------------------------------------------------------------------------
1 | import * as actionTypes from "../actions/actionTypes";
2 | import { updateObject } from "../utility";
3 |
4 | const initialState = {
5 | token: null,
6 | error: null,
7 | loading: false
8 | };
9 |
10 | const authStart = (state, action) => {
11 | return updateObject(state, {
12 | error: null,
13 | loading: true
14 | });
15 | };
16 |
17 | const authSuccess = (state, action) => {
18 | return updateObject(state, {
19 | token: action.token,
20 | error: null,
21 | loading: false
22 | });
23 | };
24 |
25 | const authFail = (state, action) => {
26 | return updateObject(state, {
27 | error: action.error,
28 | loading: false
29 | });
30 | };
31 |
32 | const authLogout = (state, action) => {
33 | return updateObject(state, {
34 | token: null
35 | });
36 | };
37 |
38 | const reducer = (state = initialState, action) => {
39 | switch (action.type) {
40 | case actionTypes.AUTH_START:
41 | return authStart(state, action);
42 | case actionTypes.AUTH_SUCCESS:
43 | return authSuccess(state, action);
44 | case actionTypes.AUTH_FAIL:
45 | return authFail(state, action);
46 | case actionTypes.AUTH_LOGOUT:
47 | return authLogout(state, action);
48 | default:
49 | return state;
50 | }
51 | };
52 |
53 | export default reducer;
54 |
--------------------------------------------------------------------------------
/src/store/utility.js:
--------------------------------------------------------------------------------
1 | export const updateObject = (oldObject, updatedProperties) => {
2 | return {
3 | ...oldObject,
4 | ...updatedProperties
5 | };
6 | };
7 |
--------------------------------------------------------------------------------
/src/style.css:
--------------------------------------------------------------------------------
1 | .loader-div {
2 | text-align: center;
3 | border-radius: 4px;
4 | margin-bottom: 20px;
5 | padding: 30px 50px;
6 | margin: 20px 0;
7 | }
8 |
--------------------------------------------------------------------------------
/static/template.css:
--------------------------------------------------------------------------------
1 | body {
2 | margin-top: 5rem;
3 | }
4 |
5 | ul {
6 | list-style-type: none;
7 | }
8 |
--------------------------------------------------------------------------------
/templates/bootstrap_form.html:
--------------------------------------------------------------------------------
1 | {% load static %}
2 |
3 |
4 |
5 | Filter Form
9 |
15 |
25 |
26 |
27 |
28 |
29 | Filter Journals
30 |
112 |
113 |
116 |
117 | {% for journal in queryset %}
118 |
119 | {{ journal.title }}
120 | Author: {{ journal.author.name }}
121 |
122 | {% for cat in journal.categories.all %}
123 | {{ cat }}
124 | {% endfor %}
125 |
126 | Publish date: {{ journal.publish_date }}
127 | View count: {{ journal.views }}
128 | Reviewed: {{ journal.reviewed }}
129 |
130 |
133 |
136 |
137 |
138 |
139 |
140 |
141 |
142 |
143 |
144 |
--------------------------------------------------------------------------------
/thumbnail.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/justdjango/djfilter/4c41cecad978d5a19be0803de7a245622a20e1a7/thumbnail.png
--------------------------------------------------------------------------------
/titles.txt:
--------------------------------------------------------------------------------
1 | U2 (disambiguation)
2 | Mount Temple Comprehensive School
3 | Sunday Bloody Sunday
4 | Pride (In the Name of Love)
5 | With or Without You
6 | I Still Haven't Found What I'm Looking For
7 | electronic dance music
8 | All That You Can't Leave Behind
9 | How to Dismantle an Atomic Bomb
10 | highest-grossing concert tour
11 | Songs of Experience
12 | best-selling music artists in history
13 | Rock and Roll Hall of Fame
14 | list of the "100 Greatest Artists of All Time"
15 | Amnesty International
16 | Paul Hewson ("Bono")
17 | David Evans ("the Edge")
18 | St. Fintan's High School
19 | Windmill Lane Studios
20 | 11 O'Clock Tick Tock
21 | Charismatic Christian
22 | Kid Creole and the Coconuts
23 | nuclear proliferation
24 | Red Rocks Amphitheatre
25 | Under a Blood Red Sky
26 | The Unforgettable Fire
27 | Martin Luther King, Jr.
28 | the Unforgettable Fire Tour
29 | Ethiopian famine relief
30 | platinum certification
31 | Where the Streets Have No Name
32 | The Joshua Tree Tour
33 | German reunification
34 | Grammy Award for Best Rock Performance by a Duo or Group with Vocal
35 | Grammy Award for Best Alternative Music Album
36 | Zoo TV: Live from Sydney
37 | Hold Me, Thrill Me, Kiss Me, Kill Me
38 | Original Soundtracks 1
39 | performed in Sarajevo on 23 September
40 | The Best of 1980–1990
41 | Stuck in a Moment You Can't Get Out Of
42 | September 11 attacks
43 | Madison Square Garden
44 | The Best of 1990–2000
45 | Sometimes You Can't Make It on Your Own
46 | City of Blinding Lights
47 | Louisiana Superdome
48 | The Saints Are Coming
49 | No Line on the Horizon
50 | Glastonbury Festival 2010
51 | Mandela: Long Walk to Freedom
52 | Golden Globe Award for Best Original Song
53 | Super Bowl television advertisement
54 | Universal Music Group
55 | The Washington Post
56 | Innocence + Experience Tour
57 | 13 November 2015 attacks
58 | Innocence + Experience: Live in Paris
59 | 2016 US presidential election
60 | The Joshua Tree Tour 2017
61 | tour marking the 30th anniversary of The Joshua Tree
62 | Bonnaroo Music Festival
63 | You're the Best Thing About Me
64 | Experience + Innocence Tour
65 | Mothers of the Disappeared
66 | forcibly disappeared
67 | country's civil war
68 | Running to Stand Still
69 | Siouxsie and the Banshees
70 | 1983–85 famine in Ethiopia
71 | Do They Know It's Christmas?
72 | A Conspiracy of Hope
73 | Salvadoran Civil War
74 | Good Friday Agreement
75 | Chernobyl Children's Project
76 | Brazilian president
77 | Make Poverty History
78 | Ambassador of Conscience Award
79 | 3rd iHeartRadio Music Awards
80 | solo soundtrack album
81 | She's a Mystery to Me
82 | Royal Shakespeare Company
83 | stage adaptation of A Clockwork Orange
84 | Put 'Em Under Pressure
85 | Irish national football team
86 | 1990 FIFA World Cup
87 | Theme from Mission: Impossible
88 | franchise's 1996 film
89 | Goddess in the Doorway
90 | William S. Burroughs
91 | Last Night on Earth
92 | Thanksgiving Prayer
93 | The Million Dollar Hotel
94 | The Ground Beneath Her Feet
95 | book of the same name
96 | Across the Universe
97 | Spider-Man: Turn Off the Dark
98 | List of awards and nominations received by U2
99 | best-selling albums in the US
100 | 22nd-highest-selling music artist in the US
101 | tied for the 14th-most of any artist
102 | tied for the 7th-most of any artist
103 | ranks 13th all-time
104 | Sunday Times Rich List 2013
105 | The 100 Greatest Artists of All Time
106 | 100 Greatest Songwriters of All Time
107 | The 500 Greatest Songs of All Time
108 | The 500 Greatest Albums of All Time
109 | The Huffington Post
110 | Best Rock Performance by a Duo or Group
111 | British Phonographic Industry
112 | American Music Award
113 | MTV Video Music Awards
114 | Golden Globe Awards
115 | List of U2 concert tours
116 | The Unforgettable Fire Tour
117 | Consequence of Sound
118 | The Philadelphia Inquirer
119 | Billboard-Hollywood Reporter Media Group
120 | Rocky Mountain News
121 | Rowman & Littlefield
122 | More spoken articles
123 | Wide Awake in America
124 | Please: PopHeart Live EP
125 | Live from Under the Brooklyn Bridge
126 | Wide Awake in Europe
127 | Melon: Remixes for Propaganda
128 | Hasta la Vista Baby! U2 Live from Mexico City
129 | Live from the Point Depot
130 | U2 Go Home: Live from Slane Castle, Ireland
131 | Medium, Rare & Remastered
132 | From the Ground Up: Edge's Picks from U2360°
133 | Two Hearts Beat as One
134 | When Love Comes to Town
135 | Even Better Than the Real Thing
136 | Who's Gonna Ride Your Wild Horses
137 | Stay (Faraway, So Close!)
138 | If God Will Send His Angels
139 | Window in the Skies
140 | The Ballad of Ronnie Drew
141 | I'll Go Crazy If I Don't Go Crazy Tonight
142 | The Miracle (of Joey Ramone)
143 | Every Breaking Wave
144 | Love Is Bigger Than Anything in Its Way
145 | U2 Live at Red Rocks: Under a Blood Red Sky
146 | The Unforgettable Fire Collection
147 | Achtung Baby: The Videos, the Cameos, and a Whole Lot of Interference from Zoo TV
148 | PopMart: Live from Mexico City
149 | Elevation 2001: Live from Boston
150 | Vertigo 2005: Live from Chicago
151 | Vertigo 05: Live from Milan
152 | U2360° at the Rose Bowl
153 | Vaillancourt Fountain concert
154 | concert in Sarajevo
155 | Super Bowl XXXVI halftime show
156 | Awards and nominations
157 | The Million Dollar Hotel (soundtrack)
158 | AHK-toong BAY-bi Covered
159 | Brit Award for International Group
160 | Huey Lewis and the News
161 | Red Hot Chili Peppers
162 | A Tribe Called Quest
163 | Strangers in the Night
164 | If Ever I Would Leave You
165 | The Windmills of Your Mind
166 | Alan and Marilyn Bergman
167 | Whistling Away the Dark
168 | Life Is What You Make It
169 | You Light Up My Life
170 | Arthur's Theme (Best That You Can Do)
171 | Flashdance... What a Feeling
172 | I Just Called to Say I Love You
173 | Take My Breath Away
174 | (I've Had) The Time of My Life
175 | Beauty and the Beast
176 | Streets of Philadelphia
177 | Can You Feel the Love Tonight
178 | Andrew Lloyd Webber
179 | My Heart Will Go On
180 | You'll Be in My Heart
181 | Things Have Changed
182 | The Hands That Built America
183 | Old Habits Die Hard
184 | A Love That Will Never Grow Old
185 | Gustavo Santaolalla
186 | The Song of the Heart
187 | Prince Rogers Nelson
188 | You Haven't Seen the Last of Me
189 | Writing's on the Wall
190 | Grammy Award for Album of the Year
191 | The Music from Peter Gunn
192 | Come Dance with Me!
193 | The Button-Down Mind of Bob Newhart
194 | Judy at Carnegie Hall
195 | The Barbra Streisand Album
196 | September of My Years
197 | A Man and His Music
198 | Sgt. Pepper's Lonely Hearts Club Band
199 | By the Time I Get to Phoenix
200 | Blood, Sweat & Tears
201 | Bridge over Troubled Water
202 | The Concert for Bangladesh
203 | Fulfillingness' First Finale
204 | Still Crazy After All These Years
205 | Songs in the Key of Life
206 | Saturday Night Fever
207 | Unforgettable... with Love
208 | The Miseducation of Lauryn Hill
209 | O Brother, Where Art Thou? Soundtrack
210 | Speakerboxxx/The Love Below
211 | Genius Loves Company
212 | Taking the Long Way
213 | River: The Joni Letters
214 | Random Access Memories
215 | Grammy Award for Record of the Year
216 | Nel Blu Dipinto Di Blu (Volare)
217 | Theme from A Summer Place
218 | I Left My Heart in San Francisco
219 | Days of Wine and Roses
220 | The Girl from Ipanema
221 | Aquarius/Let the Sunshine In
222 | The First Time Ever I Saw Your Face
223 | Killing Me Softly with His Song
224 | I Honestly Love You
225 | Love Will Keep Us Together
226 | Just the Way You Are
227 | What a Fool Believes
228 | The Doobie Brothers
229 | What's Love Got to Do with It
230 | Don't Worry, Be Happy
231 | Wind Beneath My Wings
232 | Another Day in Paradise
233 | I Will Always Love You
234 | Boulevard of Broken Dreams
235 | Billie Joe Armstrong
236 | Frank Edwin Wright III
237 | Not Ready to Make Nice
238 | Please Read the Letter
239 | Rolling in the Deep
240 | Somebody That I Used to Know
241 | James Honeyman-Scott
242 | WorldCat Identities
243 | Golden Globe Award-winning musicians
244 | Grammy Award winners
245 | Irish alternative rock groups
246 | Island Records artists
247 | Ivor Novello Award winners
248 | Juno Award for International Entertainer of the Year winners
249 | Mercury Records artists
250 | Musical groups established in 1976
251 | Musical groups from Dublin (city)
252 | Post-punk music groups
253 | Rock and Roll Hall of Fame inductees
254 | World Music Awards winners
255 | 1976 establishments in Ireland
--------------------------------------------------------------------------------
5 | 
