ReactMasterclass

Description

This project is built for Advanced React course at SoftUni. Interesting Star Wars data is fetched from GraphQL Server, provided by ST6 and located at: https://swapp.st6.io/graphql.

Authorisation

For Login, use the following credentials:

• Email: demo@st6.io
• Password: demo1234

Features

1. Dark Mode

The user can choose between light and dark theme.

2. Error handling

If there is some kind of an error during login, an appropriate info message is shown on the frontend (‘Invalid Credentials’).

3. Responsive design

The app is fully responsive. Custom mobile menu toggle functionality is implemented.

4. Pagination

The app has pagination that loads more data wherever applicable (List characters page and in Single episode page).

Testing

The components are unit-tested with jest and enzyme.

Routes

Routes are implemented via react-router-dom.

1. Routes that don't require authentication

If the user is not registered, he is always redirected to the login page.

2. Routes that require authentication

If the user has been registered, he can see the following pages:

• /episodes
• /episodes/:id
• /characters
• /characters/:id
• /starships/:id