The Lord of the Rings React Project

About The Project

This web application provides you with some information about The Lord of the Rings franchise. You can learn about the books, movies and the characters, also you can change the theme from light to dark.

We wanted to build this application to practice React. Because we are fans of the franchise, we chose The Lord of the Rings open API to work with.

Our General Goals

• Software design
• Layout design
• Provide an interactive frontend app for the LOTR API

Our Technical Goals

Practicing:

• React
• React hooks
• Styled components
• React context API
• CSS usage

Getting Started

To get a local copy up and running follow these steps.

Prerequisites

Install NodeJS on Ubuntu:

• Open up your terminal and run these commands:

curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -
sudo apt-get install -y nodejs

Installation

1. Clone the repo

git clone https://github.com/tothmate911/react-project.git

2. Install NPM packages

npm install
npm i save react
npm i react-dom
npm i react-scripts
npm i styled-components
npm i axios

Open The App

In the lotr-api directory, you can run:

npm start

Runs the app in the development mode.

Open http://localhost:3000 to view it in the browser.