diff --git a/package.json b/package.json
index d928744..b04f2ff 100644
--- a/package.json
+++ b/package.json
@@ -19,11 +19,14 @@
         "@types/react": "^16.9.0",
         "@types/react-dom": "^16.9.0",
         "axios": "^0.19.2",
+        "i18next": "^21.9.1",
+        "i18next-browser-languagedetector": "^6.1.5",
         "lodash": "^4.17.19",
         "luxon": "^1.25.0",
         "query-string": "^6.12.1",
         "react": "^16.13.1",
         "react-dom": "^16.13.1",
+        "react-i18next": "^11.18.4",
         "react-redux": "^7.2.0",
         "react-router-dom": "^5.1.2",
         "react-scripts": "3.4.1",
@@ -68,7 +71,7 @@
         "eslint-plugin-jsx-a11y": "^6.2.3",
         "eslint-plugin-prettier": "^3.1.2",
         "eslint-plugin-react": "^7.19.0",
-        "eslint-plugin-react-hooks": "^3.0.0",
+        "eslint-plugin-react-hooks": "^2.5.0",
         "prettier": "^2.0.4"
     }
 }
diff --git a/src/components/Auth/LoginForm.tsx b/src/components/Auth/LoginForm.tsx
index 8413411..3abce1f 100644
--- a/src/components/Auth/LoginForm.tsx
+++ b/src/components/Auth/LoginForm.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import { useTranslation } from 'react-i18next';
 
 import { Button } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';
@@ -32,6 +33,7 @@ const useStyles = makeStyles(authStyles);
 
 const LoginForm: React.FC<LoginFormProps> = (props) => {
     const classes = useStyles();
+    const { t } = useTranslation();
     const { errors, fields, onChange, onSubmit } = props;
 
     const getError = (field: string): string => {
@@ -47,7 +49,7 @@ const LoginForm: React.FC<LoginFormProps> = (props) => {
         <form onSubmit={handleSubmit}>
             <InputField
                 name="email"
-                label="Email"
+                label={t('email')}
                 value={fields.email}
                 error={getError('email')}
                 autoComplete="email"
@@ -57,7 +59,7 @@ const LoginForm: React.FC<LoginFormProps> = (props) => {
             />
             <InputField
                 name="password"
-                label="Password"
+                label={t('password')}
                 value={fields.password}
                 error={getError('password')}
                 autoComplete="current-password"
@@ -79,7 +81,7 @@ const LoginForm: React.FC<LoginFormProps> = (props) => {
                 color="primary"
                 className={classes.submit}
             >
-                Sign In
+                {t('login')}
             </Button>
         </form>
     );
diff --git a/src/components/Auth/PasswordResetForm.tsx b/src/components/Auth/PasswordResetForm.tsx
index e36f4ce..37547cb 100644
--- a/src/components/Auth/PasswordResetForm.tsx
+++ b/src/components/Auth/PasswordResetForm.tsx
@@ -1,5 +1,7 @@
 import React from 'react';
 
+import { useTranslation } from 'react-i18next';
+
 import { Button } from '@material-ui/core';
 import { Alert } from '@material-ui/lab';
 import { makeStyles } from '@material-ui/core/styles';
@@ -30,6 +32,7 @@ const useStyles = makeStyles(authStyles);
 
 const PasswordResetForm: React.FC<PasswordReserFormProps> = (props) => {
     const classes = useStyles();
+    const { t } = useTranslation();
     const { errors, fields, onChange, onSubmit } = props;
 
     const getError = (field: string): string => {
@@ -45,7 +48,7 @@ const PasswordResetForm: React.FC<PasswordReserFormProps> = (props) => {
         <form onSubmit={handleSubmit}>
             <InputField
                 name="new_password"
-                label="New password"
+                label={t('new_password')}
                 value={fields.new_password}
                 error={getError('new_password')}
                 autoComplete="new-password"
@@ -67,7 +70,7 @@ const PasswordResetForm: React.FC<PasswordReserFormProps> = (props) => {
                 color="primary"
                 className={classes.submit}
             >
-                Reset Password
+                {t('password_reset')}
             </Button>
         </form>
     );
diff --git a/src/components/Auth/PasswordResetRequestConfirm.tsx b/src/components/Auth/PasswordResetRequestConfirm.tsx
index eeaf222..fd32f66 100644
--- a/src/components/Auth/PasswordResetRequestConfirm.tsx
+++ b/src/components/Auth/PasswordResetRequestConfirm.tsx
@@ -1,5 +1,7 @@
 import React from 'react';
 
+import { useTranslation } from 'react-i18next';
+
 import Confirm from './utils/Confirm';
 
 interface PasswordResetRequestConfirmProps {
@@ -8,11 +10,11 @@ interface PasswordResetRequestConfirmProps {
 
 const PasswordResetRequestConfirm: React.FC<PasswordResetRequestConfirmProps> = (props) => {
     const { email } = props;
+    const { t } = useTranslation();
 
     return (
-        <Confirm title={'Email sent to ' + email}>
-            To get back into your account, follow the instruction we've sent you to your {email}
-            email address.
+        <Confirm title={t('reset_link_sent_title', { email })}>
+            {t('reset_link_sent', { email })}
         </Confirm>
     );
 };
diff --git a/src/components/Auth/PasswordResetRequestForm.tsx b/src/components/Auth/PasswordResetRequestForm.tsx
index 2859c12..007e369 100644
--- a/src/components/Auth/PasswordResetRequestForm.tsx
+++ b/src/components/Auth/PasswordResetRequestForm.tsx
@@ -1,5 +1,7 @@
 import React from 'react';
 
+import { useTranslation } from 'react-i18next';
+
 import { Button } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';
 
@@ -22,6 +24,7 @@ const useStyles = makeStyles(authStyles);
 
 const PasswordResetRequestForm: React.FC<PasswordResetRequestFormProps> = (props) => {
     const classes = useStyles();
+    const { t } = useTranslation();
 
     const handleSubmit = (event: React.FormEvent) => {
         event.preventDefault();
@@ -32,7 +35,7 @@ const PasswordResetRequestForm: React.FC<PasswordResetRequestFormProps> = (props
         <form onSubmit={handleSubmit}>
             <InputField
                 name="email"
-                label="Email"
+                label={t('email')}
                 value={props.fields.email}
                 autoComplete="email"
                 autoFocus
@@ -46,7 +49,7 @@ const PasswordResetRequestForm: React.FC<PasswordResetRequestFormProps> = (props
                 color="primary"
                 className={classes.submit}
             >
-                Request Password Reset
+                {t('send_reset_link')}
             </Button>
         </form>
     );
diff --git a/src/components/Auth/RegisterActivateFailed.tsx b/src/components/Auth/RegisterActivateFailed.tsx
index a52efa6..7d5963d 100644
--- a/src/components/Auth/RegisterActivateFailed.tsx
+++ b/src/components/Auth/RegisterActivateFailed.tsx
@@ -1,5 +1,7 @@
 import React from 'react';
 
+import { useTranslation } from 'react-i18next';
+
 import { Typography } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';
 
@@ -9,13 +11,14 @@ const useStyles = makeStyles(authStyles);
 
 const RegisterActivateFailed: React.FC = () => {
     const classes = useStyles();
+    const { t } = useTranslation();
 
     return (
         <>
             <Typography component="h3" variant="h6">
-                Account activation failed!
+                {t('activation_failed')}
             </Typography>
-            <Typography className={classes.paragraph}>Invalid token.</Typography>
+            <Typography className={classes.paragraph}>{t('invalid_token')}</Typography>
         </>
     );
 };
diff --git a/src/components/Auth/RegisterActivateSuccess.tsx b/src/components/Auth/RegisterActivateSuccess.tsx
index 3d3d3e8..e3ca430 100644
--- a/src/components/Auth/RegisterActivateSuccess.tsx
+++ b/src/components/Auth/RegisterActivateSuccess.tsx
@@ -1,5 +1,7 @@
 import React from 'react';
 
+import { useTranslation } from 'react-i18next';
+
 import Success from './utils/Success';
 
 interface RegisterActivateSuccessProps {
@@ -8,9 +10,10 @@ interface RegisterActivateSuccessProps {
 
 const RegisterActivateSuccess: React.FC<RegisterActivateSuccessProps> = (props) => {
     const { onClick } = props;
+    const { t } = useTranslation();
 
     return (
-        <Success title="Your account is now active!" buttonText="Go to Log in" onClick={onClick} />
+        <Success title={t('activation_succeeded')} buttonText={t('goto_login')} onClick={onClick} />
     );
 };
 
diff --git a/src/components/Auth/RegisterConfirm.tsx b/src/components/Auth/RegisterConfirm.tsx
index a076860..1d85755 100644
--- a/src/components/Auth/RegisterConfirm.tsx
+++ b/src/components/Auth/RegisterConfirm.tsx
@@ -1,5 +1,7 @@
 import React from 'react';
 
+import { useTranslation } from 'react-i18next';
+
 import Confirm from './utils/Confirm';
 
 interface RegisterConfirmProps {
@@ -8,11 +10,11 @@ interface RegisterConfirmProps {
 
 const RegisterConfirm: React.FC<RegisterConfirmProps> = (props) => {
     const { email } = props;
+    const { t } = useTranslation();
 
     return (
-        <Confirm title="Thanks for registration!">
-            To activate your account, follow the instruction we've sent you to your {email}
-            email address.
+        <Confirm title={t('registration_confirmed_title')}>
+            {t('registration_confirmed', { email })}
         </Confirm>
     );
 };
diff --git a/src/components/Auth/RegisterForm.tsx b/src/components/Auth/RegisterForm.tsx
index d182702..d47987c 100644
--- a/src/components/Auth/RegisterForm.tsx
+++ b/src/components/Auth/RegisterForm.tsx
@@ -1,5 +1,7 @@
 import React from 'react';
 
+import { useTranslation } from 'react-i18next';
+
 import { Button, Grid } from '@material-ui/core';
 import { Alert } from '@material-ui/lab';
 import { makeStyles } from '@material-ui/core/styles';
@@ -44,6 +46,7 @@ const useStyles = makeStyles(authStyles);
 
 const RegisterForm: React.FC<RegisterFormProps> = (props) => {
     const classes = useStyles();
+    const { t } = useTranslation();
     const { errors, fields, onChange, onSubmit } = props;
 
     const getError = (field: string): string => {
@@ -61,7 +64,7 @@ const RegisterForm: React.FC<RegisterFormProps> = (props) => {
                 <Grid item xs={12} sm={6}>
                     <InputField
                         name="first_name"
-                        label="First name"
+                        label={t('first_name')}
                         value={fields.first_name}
                         error={getError('first_name')}
                         autoComplete="given-name"
@@ -73,7 +76,7 @@ const RegisterForm: React.FC<RegisterFormProps> = (props) => {
                 <Grid item xs={12} sm={6}>
                     <InputField
                         name="last_name"
-                        label="Last name"
+                        label={t('last_name')}
                         value={fields.last_name}
                         error={getError('last_name')}
                         autoComplete="family-name"
@@ -84,7 +87,7 @@ const RegisterForm: React.FC<RegisterFormProps> = (props) => {
                 <Grid item xs={12}>
                     <InputField
                         name="email"
-                        label="Email"
+                        label={t('email')}
                         value={fields.email}
                         error={getError('email')}
                         autoComplete="email"
@@ -95,7 +98,7 @@ const RegisterForm: React.FC<RegisterFormProps> = (props) => {
                 <Grid item xs={12}>
                     <InputField
                         name="password"
-                        label="Password"
+                        label={t('password')}
                         value={fields.password}
                         error={getError('password')}
                         autoComplete="new-password"
@@ -107,7 +110,7 @@ const RegisterForm: React.FC<RegisterFormProps> = (props) => {
                 <Grid item xs={12}>
                     <InputField
                         name="address"
-                        label="Address"
+                        label={t('address')}
                         value={fields.address}
                         error={getError('address')}
                         autoComplete="street-address"
@@ -118,7 +121,7 @@ const RegisterForm: React.FC<RegisterFormProps> = (props) => {
                 <Grid item xs={12}>
                     <InputField
                         name="city"
-                        label="City"
+                        label={t('city')}
                         value={fields.city}
                         error={getError('city')}
                         autoComplete="address-level2"
@@ -129,7 +132,7 @@ const RegisterForm: React.FC<RegisterFormProps> = (props) => {
                 <Grid item xs={12}>
                     <InputField
                         name="postal_code"
-                        label="Postal code"
+                        label={t('postal_code')}
                         value={fields.postal_code}
                         error={getError('postal_code')}
                         autoComplete="postal-code"
@@ -140,7 +143,7 @@ const RegisterForm: React.FC<RegisterFormProps> = (props) => {
                 <Grid item xs={12}>
                     <InputField
                         name="country"
-                        label="Country"
+                        label={t('country')}
                         value={fields.country}
                         error={getError('country')}
                         autoComplete="country-name"
@@ -163,7 +166,7 @@ const RegisterForm: React.FC<RegisterFormProps> = (props) => {
                 color="primary"
                 className={classes.submit}
             >
-                Register
+                {t('register')}
             </Button>
         </form>
     );
diff --git a/src/components/Jury/SubmissionRater.tsx b/src/components/Jury/SubmissionRater.tsx
index a2687c8..b9f8f8f 100644
--- a/src/components/Jury/SubmissionRater.tsx
+++ b/src/components/Jury/SubmissionRater.tsx
@@ -1,5 +1,7 @@
 import React from 'react';
 
+import { useTranslation } from 'react-i18next';
+
 import { IconButton, makeStyles } from '@material-ui/core';
 import { Close, NavigateBefore, NavigateNext } from '@material-ui/icons';
 
@@ -61,6 +63,7 @@ const SubmissionRater: React.FC<SubmissionRaterProps> = ({
     });
 
     const classes = useStyles();
+    const { t } = useTranslation();
     const { description, files, title } = submission;
 
     return (
@@ -101,9 +104,9 @@ const SubmissionRater: React.FC<SubmissionRaterProps> = ({
 
             <div className={classes.textFlex}>
                 <div>
-                    <b>Title:</b> {title}
+                    <b>{t('title')}:</b> {title}
                 </div>
-                <b>Description:</b>
+                <b>{t('description')}:</b>
                 {description}
             </div>
             <div>
diff --git a/src/components/Layout/Dropdown.tsx b/src/components/Layout/Dropdown.tsx
index 1957dde..8748573 100644
--- a/src/components/Layout/Dropdown.tsx
+++ b/src/components/Layout/Dropdown.tsx
@@ -3,6 +3,7 @@ import React from 'react';
 import { Link } from 'react-router-dom';
 
 import { useLocation } from 'react-router-dom';
+import { useTranslation } from 'react-i18next';
 
 import { IconButton, Menu, MenuItem } from '@material-ui/core';
 import AccountCircle from '@material-ui/icons/AccountCircle';
@@ -20,6 +21,7 @@ const useStyles = makeStyles({
 const Dropdown: React.FC = () => {
     const user = React.useContext(userContext);
     const location = useLocation();
+    const { t } = useTranslation();
 
     const classes = useStyles();
     const [anchorEl, setAnchorEl] = React.useState<null | Element>(null);
@@ -39,7 +41,7 @@ const Dropdown: React.FC = () => {
 
     const publicMenu = [
         <Link to="/register" className={classes.menuItem} onClick={closeMenu} key="link-1">
-            <MenuItem>Register</MenuItem>
+            <MenuItem>{t('register')}</MenuItem>
         </Link>,
         <Link
             to={{
@@ -50,16 +52,16 @@ const Dropdown: React.FC = () => {
             onClick={closeMenu}
             key="link-2"
         >
-            <MenuItem>Login</MenuItem>
+            <MenuItem>{t('login')}</MenuItem>
         </Link>,
     ];
 
     const privateMenu = [
         <MenuItem key="item-1" onClick={closeMenu}>
-            Profile
+            {t('profile')}
         </MenuItem>,
         <MenuItem key="item-2" onClick={logOut}>
-            Logout
+            {t('logout')}
         </MenuItem>,
     ];
 
diff --git a/src/components/Layout/Header.tsx b/src/components/Layout/Header.tsx
index f5e2152..91394c9 100644
--- a/src/components/Layout/Header.tsx
+++ b/src/components/Layout/Header.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import { useTranslation } from 'react-i18next';
 
 import { Link } from 'react-router-dom';
 
@@ -24,6 +25,11 @@ const CustomButton = ({ navigate, ...rest }: { navigate: Function }) => {
 
 const Header: React.FC = () => {
     const classes = useStyles();
+    const { i18n, t } = useTranslation();
+
+    const handleLanguageChange = (event: React.MouseEvent<HTMLButtonElement>): void => {
+        i18n.changeLanguage(event.currentTarget.value);
+    };
 
     return (
         <AppBar position="sticky">
@@ -37,7 +43,7 @@ const Header: React.FC = () => {
                     className={classes.menuButton}
                     color="inherit"
                 >
-                    Active contests
+                    {t('active_contests')}
                 </Link>
                 <Link
                     to="/user/submissions"
@@ -45,7 +51,7 @@ const Header: React.FC = () => {
                     className={classes.menuButton}
                     color="inherit"
                 >
-                    Edit submissions
+                    {t('edit_submissions')}
                 </Link>
                 <Link
                     to="/results"
@@ -53,8 +59,19 @@ const Header: React.FC = () => {
                     className={classes.menuButton}
                     color="inherit"
                 >
-                    Results
+                    {t('results')}
                 </Link>
+
+                {i18n.language === 'en' ? (
+                    <Button onClick={handleLanguageChange} value="sl" color="inherit">
+                        SI
+                    </Button>
+                ) : (
+                    <Button onClick={handleLanguageChange} value="en" color="inherit">
+                        EN
+                    </Button>
+                )}
+
                 <Dropdown />
             </Toolbar>
         </AppBar>
diff --git a/src/components/Notifications/ConfirmDialog.tsx b/src/components/Notifications/ConfirmDialog.tsx
index 40a5b39..88c2f86 100644
--- a/src/components/Notifications/ConfirmDialog.tsx
+++ b/src/components/Notifications/ConfirmDialog.tsx
@@ -1,5 +1,7 @@
 import React from 'react';
 
+import { useTranslation } from 'react-i18next';
+
 import { Button, Dialog, DialogActions, DialogContent, DialogTitle } from '@material-ui/core';
 
 interface ConfirmDialogProps {
@@ -13,6 +15,8 @@ interface ConfirmDialogProps {
 const ConfirmDialog: React.FC<ConfirmDialogProps> = (props) => {
     const { title, children, open, onClose, onConfirm } = props;
 
+    const { t } = useTranslation();
+
     const handleConfirm = () => {
         onClose();
         onConfirm();
@@ -24,10 +28,10 @@ const ConfirmDialog: React.FC<ConfirmDialogProps> = (props) => {
             <DialogContent>{children}</DialogContent>
             <DialogActions>
                 <Button variant="contained" onClick={onClose} color="secondary">
-                    No
+                    {t('no')}
                 </Button>
                 <Button variant="contained" onClick={handleConfirm} color="primary">
-                    Yes
+                    {t('yes')}
                 </Button>
             </DialogActions>
         </Dialog>
diff --git a/src/components/SubmissionSetTable/SubmissionSetTable.tsx b/src/components/SubmissionSetTable/SubmissionSetTable.tsx
index 31e7673..c865cc6 100644
--- a/src/components/SubmissionSetTable/SubmissionSetTable.tsx
+++ b/src/components/SubmissionSetTable/SubmissionSetTable.tsx
@@ -1,8 +1,10 @@
 import React, { useCallback, useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import { AxiosPromise } from 'axios';
 import _ from 'lodash';
 
 import {
+    LabelDisplayedRowsArgs,
     Paper,
     Table,
     TableBody,
@@ -39,6 +41,7 @@ const SubmissionSetTable: React.FC<SubmissionSetTableProps> = ({
         changePage,
         changePageSize,
     } = usePagination<SubmissionSet>({ source: dataSource });
+    const { t } = useTranslation();
 
     const fetchPayments = useCallback(async (): Promise<void> => {
         if (submissionSets.length === 0) {
@@ -73,17 +76,25 @@ const SubmissionSetTable: React.FC<SubmissionSetTableProps> = ({
         await fetchPayments();
     };
 
+    const getLabelDisplayedRows = ({
+        from,
+        to,
+        count: total,
+    }: LabelDisplayedRowsArgs): React.ReactNode => {
+        return t('displayed_rows', { from, to, total });
+    };
+
     return (
         <>
             <TableContainer component={Paper}>
                 <Table>
                     <TableHead>
                         <TableRow>
-                            <TableCell>Name</TableCell>
-                            <TableCell>Submited</TableCell>
-                            <TableCell>Number of themes</TableCell>
-                            <TableCell>Number of submissons</TableCell>
-                            <TableCell>Paid?</TableCell>
+                            <TableCell>{t('name')}</TableCell>
+                            <TableCell>{t('submited')}</TableCell>
+                            <TableCell>{t('n_themes')}</TableCell>
+                            <TableCell>{t('n_submissions')}</TableCell>
+                            <TableCell>{t('paid')}</TableCell>
                             <TableCell />
                         </TableRow>
                     </TableHead>
@@ -114,6 +125,8 @@ const SubmissionSetTable: React.FC<SubmissionSetTableProps> = ({
                                 page={page - 1}
                                 onChangePage={handlePageChange}
                                 onChangeRowsPerPage={handleChangeRowsPerPage}
+                                labelRowsPerPage={t('rows_per_page')}
+                                labelDisplayedRows={getLabelDisplayedRows}
                             />
                         </TableRow>
                     </TableFooter>
diff --git a/src/components/SubmissionSetTable/SubmissionSetTableRow.tsx b/src/components/SubmissionSetTable/SubmissionSetTableRow.tsx
index f7db39e..d851bd4 100644
--- a/src/components/SubmissionSetTable/SubmissionSetTableRow.tsx
+++ b/src/components/SubmissionSetTable/SubmissionSetTableRow.tsx
@@ -2,6 +2,8 @@ import React from 'react';
 import _ from 'lodash';
 import { Link } from 'react-router-dom';
 
+import { useTranslation } from 'react-i18next';
+
 import { Button, Checkbox, TableCell, TableRow } from '@material-ui/core';
 import { makeStyles } from '@material-ui/core/styles';
 import AttachMoneyIcon from '@material-ui/icons/AttachMoney';
@@ -43,6 +45,7 @@ const SubmissionSetTableRow: React.FC<SubmissionSetTableRowProps> = ({
     onDelete,
 }: SubmissionSetTableRowProps) => {
     const classes = useStyles();
+    const { t } = useTranslation();
 
     const handlePaidChange = (event: React.ChangeEvent<HTMLInputElement>): void => {
         onPaidChange(submissionSet.id, event.target.checked);
@@ -73,7 +76,7 @@ const SubmissionSetTableRow: React.FC<SubmissionSetTableRowProps> = ({
                     className={classes.button}
                     color="primary"
                 >
-                    View
+                    {t('view')}
                 </Link>
                 <Button
                     variant="text"
@@ -83,7 +86,7 @@ const SubmissionSetTableRow: React.FC<SubmissionSetTableRowProps> = ({
                         onDelete(submissionSet);
                     }}
                 >
-                    Delete
+                    {t('delete')}
                 </Button>
             </TableCell>
         </TableRow>
diff --git a/src/components/Upload/Author/AuthorField.tsx b/src/components/Upload/Author/AuthorField.tsx
index c7c05c5..77a2075 100644
--- a/src/components/Upload/Author/AuthorField.tsx
+++ b/src/components/Upload/Author/AuthorField.tsx
@@ -1,5 +1,7 @@
 import React from 'react';
 
+import { WithTranslation, withTranslation } from 'react-i18next';
+
 import { withStyles, WithStyles } from '@material-ui/core/styles';
 
 import { Card, CardContent, CardHeader, Grid } from '@material-ui/core';
@@ -11,7 +13,7 @@ import { AuthorModel, DateChange, InputChange } from '../../../types/models';
 import DatePicker from '../DatePicker';
 import AutocompleteField from '../AutocompleteInput';
 
-interface AuthorFieldProps extends WithStyles<typeof uploadFormStyles> {
+interface AuthorFieldProps extends WithStyles<typeof uploadFormStyles>, WithTranslation {
     author: AuthorModel;
     showDob: boolean;
     showClub: boolean;
@@ -33,12 +35,13 @@ class AuthorField extends React.Component<AuthorFieldProps> {
             showSchool,
             requiredSchool,
             handleAUthorChange,
+            t,
         } = this.props;
 
         return (
             <Card className={classes.themeCard} raised>
                 <CardHeader
-                    title="Author"
+                    title={t('author')}
                     titleTypographyProps={{ align: 'center', variant: 'h3' }}
                 />
                 <CardContent>
@@ -48,7 +51,7 @@ class AuthorField extends React.Component<AuthorFieldProps> {
                                 name="first_name"
                                 value={author.first_name}
                                 error={author.errors.first_name}
-                                label="First name"
+                                label={t('first_name')}
                                 autoComplete="given-name"
                                 autoFocus
                                 required
@@ -62,7 +65,7 @@ class AuthorField extends React.Component<AuthorFieldProps> {
                                 name="last_name"
                                 value={author.last_name}
                                 error={author.errors.last_name}
-                                label="Last name"
+                                label={t('last_name')}
                                 autoComplete="family-name"
                                 required
                                 onChange={handleAUthorChange}
@@ -74,7 +77,7 @@ class AuthorField extends React.Component<AuthorFieldProps> {
                             <Grid item xs={12} sm={6} md={4}>
                                 <DatePicker
                                     name="dob"
-                                    label="Date of birth"
+                                    label={t('date_of_birth')}
                                     value={author.dob || null}
                                     error={author.errors.dob}
                                     required
@@ -89,7 +92,7 @@ class AuthorField extends React.Component<AuthorFieldProps> {
                             <Grid item xs={12} sm={6} md={4}>
                                 <AutocompleteField
                                     name="school"
-                                    label="School"
+                                    label={t('school')}
                                     value={author.school || ''}
                                     error={author.errors.school}
                                     required={requiredSchool}
@@ -105,7 +108,7 @@ class AuthorField extends React.Component<AuthorFieldProps> {
                                     name="mentor"
                                     value={author.mentor}
                                     error={author.errors.mentor}
-                                    label="Mentor"
+                                    label={t('mentor')}
                                     autoComplete=""
                                     onChange={handleAUthorChange}
                                 />
@@ -119,7 +122,7 @@ class AuthorField extends React.Component<AuthorFieldProps> {
                                     name="club"
                                     value={author.club}
                                     error={author.errors.club}
-                                    label="Photo club"
+                                    label={t('photo_club')}
                                     required={requiredClub}
                                     autoComplete=""
                                     onChange={handleAUthorChange}
@@ -134,7 +137,7 @@ class AuthorField extends React.Component<AuthorFieldProps> {
                                     name="distinction"
                                     value={author.distinction}
                                     error={author.errors.distinction}
-                                    label="Photo distinction"
+                                    label={t('photo_distinction')}
                                     autoComplete=""
                                     onChange={handleAUthorChange}
                                 />
@@ -147,4 +150,4 @@ class AuthorField extends React.Component<AuthorFieldProps> {
     }
 }
 
-export default withStyles(uploadFormStyles)(AuthorField);
+export default withTranslation()(withStyles(uploadFormStyles)(AuthorField));
diff --git a/src/components/Upload/Contest/ContestField.tsx b/src/components/Upload/Contest/ContestField.tsx
index 2279478..4586c98 100644
--- a/src/components/Upload/Contest/ContestField.tsx
+++ b/src/components/Upload/Contest/ContestField.tsx
@@ -1,5 +1,7 @@
 import React from 'react';
 
+import { WithTranslation, withTranslation } from 'react-i18next';
+
 import { withStyles, WithStyles } from '@material-ui/core/styles';
 
 import { Button, CircularProgress, Grid, Typography } from '@material-ui/core';
@@ -12,7 +14,7 @@ import HeaderImage from '../../Layout/HeaderImage';
 import AuthorField from '../Author/AuthorField';
 import ThemeField from '../Theme/ThemeField';
 
-interface ContestFieldProps extends WithStyles<typeof uploadFormStyles> {
+interface ContestFieldProps extends WithStyles<typeof uploadFormStyles>, WithTranslation {
     contest: ContestModel;
     handleAuthorChange: (payload: InputChange | DateChange) => void;
     handleSubmissionChange: (theme_id: number, submission_id: number, payload: InputChange) => void;
@@ -28,7 +30,7 @@ interface ContestFieldProps extends WithStyles<typeof uploadFormStyles> {
 
 class ContestField extends React.Component<ContestFieldProps> {
     render(): React.ReactNode {
-        const { classes } = this.props;
+        const { classes, t } = this.props;
 
         const {
             contest,
@@ -92,7 +94,7 @@ class ContestField extends React.Component<ContestFieldProps> {
                         })}
                         {contest.errors.hasError && (
                             <Alert className={classes.errorAlert} severity="error">
-                                Please fix errors before uploading.
+                                {t('fix_errors')}
                             </Alert>
                         )}
                         {uploading ? (
@@ -107,7 +109,7 @@ class ContestField extends React.Component<ContestFieldProps> {
                                 color="primary"
                                 className={classes.submitButton}
                             >
-                                Upload
+                                {t('upload')}
                             </Button>
                         )}
                     </form>
@@ -117,4 +119,4 @@ class ContestField extends React.Component<ContestFieldProps> {
     }
 }
 
-export default withStyles(uploadFormStyles)(ContestField);
+export default withTranslation()(withStyles(uploadFormStyles)(ContestField));
diff --git a/src/components/Upload/ContestCard.tsx b/src/components/Upload/ContestCard.tsx
index c95fd67..e6ca07a 100644
--- a/src/components/Upload/ContestCard.tsx
+++ b/src/components/Upload/ContestCard.tsx
@@ -1,5 +1,7 @@
 import React from 'react';
 
+import { useTranslation } from 'react-i18next';
+
 import { Link } from 'react-router-dom';
 
 import {
@@ -25,8 +27,10 @@ const CustomButton = ({ navigate, ...rest }: { navigate: Function }) => {
 };
 
 const ContestCard: React.FC<ContestCardProps> = (props) => {
+    const { t } = useTranslation();
+
     const { contest } = props;
-    console.log(contest);
+
     return (
         <Card>
             <CardMedia
@@ -52,7 +56,7 @@ const ContestCard: React.FC<ContestCardProps> = (props) => {
                         component={CustomButton}
                         color="primary"
                     >
-                        Open
+                        {t('open')}
                     </Link>
                 </Grid>
             </CardActions>
diff --git a/src/components/Upload/Image/ImageButtons.tsx b/src/components/Upload/Image/ImageButtons.tsx
index f1c92fd..36f0577 100644
--- a/src/components/Upload/Image/ImageButtons.tsx
+++ b/src/components/Upload/Image/ImageButtons.tsx
@@ -1,5 +1,7 @@
 import React, { ReactChild } from 'react';
 
+import { useTranslation } from 'react-i18next';
+
 import { makeStyles } from '@material-ui/core/styles';
 
 import { Button, Grid } from '@material-ui/core';
@@ -37,18 +39,20 @@ const StyledButton: React.FC<StyledButtonProps> = (props) => {
 
 const ImageButtons: React.FC<ImageButtonsProps> = (props) => {
     const { handleChange, handleRemove, imageSelected } = props;
+    const { t } = useTranslation();
+
     const buttonWidth = imageSelected ? 6 : 12;
 
     return (
         <Grid container spacing={1}>
             <Grid item xs={buttonWidth}>
                 <StyledButton onClick={handleChange}>
-                    {imageSelected ? 'Change' : 'Select'}
+                    {imageSelected ? (t('change') as string) : (t('select') as string)}
                 </StyledButton>
             </Grid>
             {imageSelected && (
                 <Grid item xs={buttonWidth}>
-                    <StyledButton onClick={handleRemove}>Remove</StyledButton>
+                    <StyledButton onClick={handleRemove}>{t('remove') as string}</StyledButton>
                 </Grid>
             )}
         </Grid>
diff --git a/src/components/Upload/Submission/DescriptionField.tsx b/src/components/Upload/Submission/DescriptionField.tsx
index fe16f0b..3fe66d1 100644
--- a/src/components/Upload/Submission/DescriptionField.tsx
+++ b/src/components/Upload/Submission/DescriptionField.tsx
@@ -1,5 +1,7 @@
 import React from 'react';
 
+import { useTranslation } from 'react-i18next';
+
 import { makeStyles } from '@material-ui/core/styles';
 
 import { SubmissionModel, InputChange } from '../../../types/models';
@@ -16,6 +18,7 @@ const useStyles = makeStyles(uploadFormStyles);
 
 const DescriptionField: React.FC<DescriptionFieldProps> = (props) => {
     const classes = useStyles();
+    const { t } = useTranslation();
     const { submission, onChange } = props;
 
     return (
@@ -24,7 +27,7 @@ const DescriptionField: React.FC<DescriptionFieldProps> = (props) => {
             name="description"
             value={submission.description}
             error={submission.errors.description}
-            label="Description"
+            label={t('description')}
             autoComplete=""
             required={submission.meta.descriptionRequired}
             rows={3}
diff --git a/src/components/Upload/Submission/TitleField.tsx b/src/components/Upload/Submission/TitleField.tsx
index 2e7345d..a8bc093 100644
--- a/src/components/Upload/Submission/TitleField.tsx
+++ b/src/components/Upload/Submission/TitleField.tsx
@@ -1,5 +1,7 @@
 import React from 'react';
 
+import { useTranslation } from 'react-i18next';
+
 import { SubmissionModel, InputChange } from '../../../types/models';
 
 import InputField from '../InputField';
@@ -11,13 +13,14 @@ export interface TitleFieldProps {
 
 const TitleField: React.FC<TitleFieldProps> = (props) => {
     const { submission, onChange } = props;
+    const { t } = useTranslation();
 
     return (
         <InputField
             name="title"
             value={submission.title}
             error={submission.errors.title}
-            label="Title"
+            label={t('title')}
             autoComplete=""
             required={submission.meta.titleRequired}
             onChange={onChange}
diff --git a/src/i18n/config.ts b/src/i18n/config.ts
new file mode 100644
index 0000000..3b46c2b
--- /dev/null
+++ b/src/i18n/config.ts
@@ -0,0 +1,28 @@
+import i18n from 'i18next';
+import { initReactI18next } from 'react-i18next';
+import LanguageDetector from 'i18next-browser-languagedetector';
+
+i18n.use(LanguageDetector)
+    .use(initReactI18next)
+    .init({
+        fallbackLng: 'en',
+        resources: {
+            en: {
+                translations: require('./locales/en/translations.json'),
+            },
+            sl: {
+                translations: require('./locales/sl/translations.json'),
+            },
+        },
+        ns: ['translations'],
+        defaultNS: 'translations',
+        detection: {
+            lookupQuerystring: 'lang',
+            lookupCookie: 'lang',
+            lookupLocalStorage: 'lang',
+        },
+    });
+
+i18n.languages = ['en', 'sl'];
+
+export default i18n;
diff --git a/src/i18n/locales/en/translations.json b/src/i18n/locales/en/translations.json
new file mode 100644
index 0000000..de090b7
--- /dev/null
+++ b/src/i18n/locales/en/translations.json
@@ -0,0 +1,63 @@
+{
+    "account_activation": "Acount activation",
+    "activation_failed": "Account activation failed!",
+    "activation_succeeded": "Your account is now active!",
+    "active_contests": "Active contests",
+    "address": "Address",
+    "already_have_account": "Already have an account? Log in",
+    "author": "Author",
+    "change": "Change",
+    "city": "City",
+    "contest": "Contest",
+    "country": "Country",
+    "date_of_birth": "Date of birth",
+    "delete": "Delete",
+    "delete_confirmation": "Do you really want to delete the submission?",
+    "delete_confirmation_title": "Delete confirmation",
+    "description": "Description",
+    "displayed_rows": "{{from}}-{{to}} of {{total}}",
+    "edit": "Edit",
+    "edit_submissions": "Edit submissions",
+    "email": "Email",
+    "first_name": "First name",
+    "fix_errors": "Please fix errors before uploading.",
+    "forgot_password": "Forgot password?",
+    "goto_login": "Go to Login",
+    "invalid_token": "Invalid token.",
+    "last_name": "Last name",
+    "login": "Login",
+    "logout": "Logout",
+    "mentor": "Mentor",
+    "n_photos": "Number of photos",
+    "n_submissions": "Number of submissons",
+    "n_themes": "Number of themes",
+    "name": "Name",
+    "new_password": "New password",
+    "new_registration": "Don't have an account? Register",
+    "no": "No",
+    "open": "Open",
+    "paid": "Paid?",
+    "password": "Password",
+    "password_reset": "Password reset",
+    "photo_club": "Photo club",
+    "photo_distinction": "Photo distinction",
+    "postal_code": "Postal code",
+    "profile": "Profile",
+    "register": "Register",
+    "registration_confirmed": "To activate your account, follow the instruction we've sent you to your {{email}} email address.",
+    "registration_confirmed_title": "Thank you for the registration!",
+    "remove": "Remove",
+    "reset_link_sent": "To get back into your account, follow the instruction we've sent you to your {{email}} email address.",
+    "reset_link_sent_title": "Email sent to {{email}}",
+    "results": "Results",
+    "rows_per_page": "Rows per page:",
+    "school": "School",
+    "select": "Select",
+    "send_reset_link": "Request Password Reset",
+    "submited": "Submited",
+    "theme": "Theme",
+    "title": "Title",
+    "upload": "Upload",
+    "view": "View",
+    "yes": "Yes"
+}
diff --git a/src/i18n/locales/sl/translations.json b/src/i18n/locales/sl/translations.json
new file mode 100644
index 0000000..3869dbd
--- /dev/null
+++ b/src/i18n/locales/sl/translations.json
@@ -0,0 +1,63 @@
+{
+    "account_activation": "Aktivacija računa",
+    "activation_failed": "Aktivacija računa ni uspela!",
+    "activation_succeeded": "Vaš račun je sedaj aktiven!",
+    "active_contests": "Aktivni natečaji",
+    "address": "Naslov",
+    "already_have_account": "Že imate račun? Prijavite se",
+    "author": "Avtor",
+    "change": "Spremeni",
+    "city": "Mesto",
+    "contest": "Natečaj",
+    "country": "Država",
+    "date_of_birth": "Datum rojstva",
+    "delete": "Izbriši",
+    "delete_confirmation": "Ali ste prepričani, da želite izbrisati prijavo?",
+    "delete_confirmation_title": "Potrditev brisanja",
+    "description": "Opis",
+    "displayed_rows": "{{from}}-{{to}} od {{total}}",
+    "edit": "Uredi",
+    "edit_submissions": "Urejanje prijav",
+    "email": "E-poštni naslov",
+    "first_name": "Ime",
+    "fix_errors": "Prosim popravite napake pred nalaganjem.",
+    "forgot_password": "Pozabljeno geslo?",
+    "goto_login": "Pojdi na prijavo",
+    "invalid_token": "Neveljaven žeton.",
+    "last_name": "Priimek",
+    "login": "Prijava",
+    "logout": "Odjava",
+    "mentor": "Mentor",
+    "n_photos": "Število fotografij",
+    "n_submissions": "Število del",
+    "n_themes": "Število tem",
+    "name": "Ime in priimek",
+    "new_password": "Novo geslo",
+    "new_registration": "Nimate računa? Registracija",
+    "no": "Ne",
+    "open": "Odpri",
+    "paid": "Plačano?",
+    "password": "Geslo",
+    "password_reset": "Ponastavitev gesla",
+    "photo_club": "Fotoklub",
+    "photo_distinction": "Fotografski naziv",
+    "postal_code": "Poštna številka",
+    "profile": "Profil",
+    "register": "Registracija",
+    "registration_confirmed": "Za aktivacijo računa sledite navodilom poslanim na e-poštni račun {{email}}.",
+    "registration_confirmed_title": "Hvala za registracijo!",
+    "remove": "Odstrani",
+    "reset_link_sent": "Za povrnitev dostopa do računa sledite navodilom v e-poštnem sporočilu poslanem na {{email}}.",
+    "reset_link_sent_title": "E-poštno sporočilo poslano na {{email}}",
+    "results": "Rezultati",
+    "rows_per_page": "Vrstic na stran:",
+    "school": "Šola",
+    "select": "Izberi",
+    "send_reset_link": "Zahtevaj ponastavitev gesla",
+    "submited": "Oddano",
+    "theme": "Tema",
+    "title": "Naslov",
+    "upload": "Naloži",
+    "view": "Ogled",
+    "yes": "Da"
+}
diff --git a/src/index.tsx b/src/index.tsx
index 7329fe0..07df93a 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -3,6 +3,8 @@ import ReactDOM from 'react-dom';
 
 import 'typeface-roboto';
 
+import './i18n/config';
+
 import App from './App';
 
 ReactDOM.render(<App />, document.getElementById('root'));
diff --git a/src/views/EditSubmissionsList.tsx b/src/views/EditSubmissionsList.tsx
index abb92e2..aa0c820 100644
--- a/src/views/EditSubmissionsList.tsx
+++ b/src/views/EditSubmissionsList.tsx
@@ -2,6 +2,7 @@ import React from 'react';
 
 import { groupBy, sum } from 'lodash';
 
+import { WithTranslation, withTranslation } from 'react-i18next';
 import { withStyles, WithStyles } from '@material-ui/core/styles';
 
 import {
@@ -25,7 +26,7 @@ import SubmissionService from '../services/SubmissionService';
 import { Author, Contest, Submission } from '../types/api';
 import { asyncMap } from '../utils/async';
 
-interface EditSubmissionListProps extends WithStyles<typeof editListStyles> {}
+interface EditSubmissionListProps extends WithStyles<typeof editListStyles>, WithTranslation {}
 
 interface EditSubmissionsListState {
     contests: Contest[];
@@ -88,7 +89,7 @@ class EditSubmissionsList extends React.Component<
     };
 
     render() {
-        const { classes } = this.props;
+        const { classes, t } = this.props;
 
         if (!this.state.submissions.length)
             return (
@@ -113,15 +114,14 @@ class EditSubmissionsList extends React.Component<
 
         return (
             <>
-                {' '}
                 <TableContainer component={Paper}>
                     <Table>
                         <TableHead>
                             <TableRow>
-                                <TableCell>Contest</TableCell>
-                                <TableCell>Author</TableCell>
-                                <TableCell>Number of Themes</TableCell>
-                                <TableCell>Number of Photos</TableCell>
+                                <TableCell>{t('contest')}</TableCell>
+                                <TableCell>{t('author')}</TableCell>
+                                <TableCell>{t('n_themes')}</TableCell>
+                                <TableCell>{t('n_photos')}</TableCell>
                                 <TableCell></TableCell>
                             </TableRow>
                         </TableHead>
@@ -142,7 +142,7 @@ class EditSubmissionsList extends React.Component<
                                                     className={classes.button}
                                                     disabled
                                                 >
-                                                    Edit
+                                                    {t('edit')}
                                                 </Button>
                                             </span>
                                         </Tooltip>
@@ -152,7 +152,7 @@ class EditSubmissionsList extends React.Component<
                                             color="secondary"
                                             onClick={this.openDialog(group.submissions)}
                                         >
-                                            Delete
+                                            {t('delete')}
                                         </Button>
                                     </TableCell>
                                 </TableRow>
@@ -162,15 +162,15 @@ class EditSubmissionsList extends React.Component<
                 </TableContainer>
                 <ConfirmDialog
                     open={this.state.showDialog}
-                    title="Delete confirmation"
+                    title={t('delete_confirmation_title')}
                     onClose={this.closeDialog}
                     onConfirm={this.processDelete}
                 >
-                    Do you really want to delete the submission?
+                    {t('delete_confirmation') as React.ReactChild}
                 </ConfirmDialog>
             </>
         );
     }
 }
 
-export default withStyles(editListStyles)(EditSubmissionsList);
+export default withTranslation()(withStyles(editListStyles)(EditSubmissionsList));
diff --git a/src/views/Login.tsx b/src/views/Login.tsx
index cf530d6..2d89833 100644
--- a/src/views/Login.tsx
+++ b/src/views/Login.tsx
@@ -1,5 +1,7 @@
 import React from 'react';
 
+import { withTranslation, WithTranslation } from 'react-i18next';
+
 import { Link as RouterLink, Redirect, RouteComponentProps, withRouter } from 'react-router-dom';
 
 import { Card, CardContent, CardHeader, Grid, Link } from '@material-ui/core';
@@ -8,7 +10,7 @@ import { userContext } from '../components/Auth/AuthProvider';
 import LoginForm, { Errors, Fields } from '../components/Auth/LoginForm';
 import { IInputChangeEvent } from '../components/Upload/InputField';
 
-interface LoginViewProps extends RouteComponentProps {}
+interface LoginViewProps extends RouteComponentProps, WithTranslation {}
 
 interface LoginViewState {
     fields: Fields;
@@ -65,11 +67,13 @@ class LoginView extends React.Component<LoginViewProps, LoginViewState> {
             return <Redirect to={from} />;
         }
 
+        const { t } = this.props;
+
         return (
             <Grid container justify="center">
                 <Grid item xs={12} sm={6} md={4}>
                     <Card>
-                        <CardHeader title="Login" titleTypographyProps={{ align: 'center' }} />
+                        <CardHeader title={t('login')} titleTypographyProps={{ align: 'center' }} />
                         <CardContent>
                             <LoginForm
                                 fields={fields}
@@ -84,12 +88,12 @@ class LoginView extends React.Component<LoginViewProps, LoginViewState> {
                                         to="/password-reset/request"
                                         variant="body2"
                                     >
-                                        Forgot password?
+                                        {t('forgot_password')}
                                     </Link>
                                 </Grid>
                                 <Grid item>
                                     <Link component={RouterLink} to="/register" variant="body2">
-                                        Don't have an account? Register
+                                        {t('new_registration')}
                                     </Link>
                                 </Grid>
                             </Grid>
@@ -101,4 +105,4 @@ class LoginView extends React.Component<LoginViewProps, LoginViewState> {
     }
 }
 
-export default withRouter(LoginView);
+export default withTranslation()(withRouter(LoginView));
diff --git a/src/views/PasswordReset.tsx b/src/views/PasswordReset.tsx
index d371d2a..6c22811 100644
--- a/src/views/PasswordReset.tsx
+++ b/src/views/PasswordReset.tsx
@@ -1,5 +1,7 @@
 import React from 'react';
 
+import { withTranslation, WithTranslation } from 'react-i18next';
+
 import { isString } from 'lodash';
 
 import { Redirect, RouteComponentProps, withRouter } from 'react-router-dom';
@@ -13,7 +15,7 @@ import { IInputChangeEvent } from '../components/Upload/InputField';
 
 import UserService from '../services/UserService';
 
-interface PasswordResetProps extends RouteComponentProps {}
+interface PasswordResetProps extends RouteComponentProps, WithTranslation {}
 
 interface PasswordResetState {
     fields: Fields;
@@ -68,6 +70,7 @@ class PasswordResetView extends React.Component<PasswordResetProps, PasswordRese
 
     render() {
         const { done, errors, fields, redirect } = this.state;
+        const { t } = this.props;
 
         if (redirect) {
             return <Redirect to="/login" />;
@@ -78,7 +81,7 @@ class PasswordResetView extends React.Component<PasswordResetProps, PasswordRese
                 <Grid item xs={12} sm={6} md={4}>
                     <Card>
                         <CardHeader
-                            title="Password Reset"
+                            title={t('password_reset')}
                             titleTypographyProps={{ align: 'center' }}
                         />
                         <CardContent>
@@ -100,4 +103,4 @@ class PasswordResetView extends React.Component<PasswordResetProps, PasswordRese
     }
 }
 
-export default withRouter(PasswordResetView);
+export default withTranslation()(withRouter(PasswordResetView));
diff --git a/src/views/PasswordResetRequest.tsx b/src/views/PasswordResetRequest.tsx
index 6b65f70..16c09c3 100644
--- a/src/views/PasswordResetRequest.tsx
+++ b/src/views/PasswordResetRequest.tsx
@@ -1,5 +1,7 @@
 import React from 'react';
 
+import { withTranslation, WithTranslation } from 'react-i18next';
+
 import { Card, CardContent, CardHeader, Grid } from '@material-ui/core';
 
 import PasswordResetRequestForm, { Fields } from '../components/Auth/PasswordResetRequestForm';
@@ -8,12 +10,20 @@ import { IInputChangeEvent } from '../components/Upload/InputField';
 
 import UserService from '../services/UserService';
 
+interface PasswordResetRequestViewProps extends WithTranslation {
+    done: boolean;
+    fields: Fields;
+}
+
 interface PasswordResetRequestViewState {
     done: boolean;
     fields: Fields;
 }
 
-class PasswordResetRequestView extends React.Component<{}, PasswordResetRequestViewState> {
+class PasswordResetRequestView extends React.Component<
+    PasswordResetRequestViewProps,
+    PasswordResetRequestViewState
+> {
     state = {
         done: false,
         fields: {
@@ -41,13 +51,14 @@ class PasswordResetRequestView extends React.Component<{}, PasswordResetRequestV
 
     render() {
         const { done, fields } = this.state;
+        const { t } = this.props;
 
         return (
             <Grid container justify="center">
                 <Grid item xs={12} sm={6} md={4}>
                     <Card>
                         <CardHeader
-                            title="Password reset"
+                            title={t('password_reset')}
                             titleTypographyProps={{ align: 'center' }}
                         />
                         <CardContent>
@@ -68,4 +79,4 @@ class PasswordResetRequestView extends React.Component<{}, PasswordResetRequestV
     }
 }
 
-export default PasswordResetRequestView;
+export default withTranslation()(PasswordResetRequestView);
diff --git a/src/views/Register.tsx b/src/views/Register.tsx
index 559c22f..109bff9 100644
--- a/src/views/Register.tsx
+++ b/src/views/Register.tsx
@@ -1,5 +1,7 @@
 import React from 'react';
 
+import { withTranslation, WithTranslation } from 'react-i18next';
+
 import { Link as RouterLink } from 'react-router-dom';
 
 import { Card, CardContent, CardHeader, Grid, Link } from '@material-ui/core';
@@ -10,13 +12,15 @@ import { IInputChangeEvent } from '../components/Upload/InputField';
 
 import UserService from '../services/UserService';
 
+interface RegisterViewProps extends WithTranslation {}
+
 interface RegisterViewState {
     fields: Fields;
     errors: Errors;
     done: boolean;
 }
 
-class RegisterView extends React.Component<{}, RegisterViewState> {
+class RegisterView extends React.Component<RegisterViewProps, RegisterViewState> {
     state = {
         fields: {
             first_name: '',
@@ -65,12 +69,16 @@ class RegisterView extends React.Component<{}, RegisterViewState> {
 
     render() {
         const { errors, done, fields } = this.state;
+        const { t } = this.props;
 
         return (
             <Grid container justify="center">
                 <Grid item xs={12} sm={6} md={4}>
                     <Card>
-                        <CardHeader title="Register" titleTypographyProps={{ align: 'center' }} />
+                        <CardHeader
+                            title={t('register')}
+                            titleTypographyProps={{ align: 'center' }}
+                        />
                         <CardContent>
                             {done ? (
                                 <RegisterConfirm email={fields.email} />
@@ -89,7 +97,7 @@ class RegisterView extends React.Component<{}, RegisterViewState> {
                                                 to="/login"
                                                 variant="body2"
                                             >
-                                                Already have an account? Log in
+                                                {t('already_have_account')}
                                             </Link>
                                         </Grid>
                                     </Grid>
@@ -103,4 +111,4 @@ class RegisterView extends React.Component<{}, RegisterViewState> {
     }
 }
 
-export default RegisterView;
+export default withTranslation()(RegisterView);
diff --git a/src/views/RegisterActivate.tsx b/src/views/RegisterActivate.tsx
index 226f321..99603c0 100644
--- a/src/views/RegisterActivate.tsx
+++ b/src/views/RegisterActivate.tsx
@@ -1,5 +1,7 @@
 import React from 'react';
 
+import { WithTranslation, withTranslation } from 'react-i18next';
+
 import { isString } from 'lodash';
 
 import { Redirect, RouteComponentProps, withRouter } from 'react-router-dom';
@@ -12,7 +14,7 @@ import RegisterActivateSuccess from '../components/Auth/RegisterActivateSuccess'
 
 import UserService from '../services/UserService';
 
-interface RegisterActivateViewProps extends RouteComponentProps {}
+interface RegisterActivateViewProps extends RouteComponentProps, WithTranslation {}
 
 interface RegisterActivateViewState {
     succeeded: boolean | null;
@@ -47,6 +49,7 @@ class RegisterActivateView extends React.Component<
 
     render() {
         const { redirect, succeeded } = this.state;
+        const { t } = this.props;
 
         if (redirect) {
             return <Redirect to="/login" />;
@@ -61,7 +64,7 @@ class RegisterActivateView extends React.Component<
                 <Grid item xs={12} sm={6} md={4}>
                     <Card>
                         <CardHeader
-                            title="Account activation"
+                            title={t('account_activation')}
                             titleTypographyProps={{ align: 'center' }}
                         />
                         <CardContent>
@@ -78,4 +81,4 @@ class RegisterActivateView extends React.Component<
     }
 }
 
-export default withRouter(RegisterActivateView);
+export default withTranslation()(withRouter(RegisterActivateView));
diff --git a/src/views/ResultsList.tsx b/src/views/ResultsList.tsx
index 3fa6b61..c4378ea 100644
--- a/src/views/ResultsList.tsx
+++ b/src/views/ResultsList.tsx
@@ -1,5 +1,11 @@
 import React from 'react';
 
-const ResultsListView = () => <>Results</>;
+import { useTranslation } from 'react-i18next';
+
+const ResultsListView: React.FC<{}> = () => {
+    const { t } = useTranslation();
+
+    return <>{t('results')}</>;
+};
 
 export default ResultsListView;
diff --git a/src/views/admin/SubmissionSetList.tsx b/src/views/admin/SubmissionSetList.tsx
index 740a02f..0734bbf 100644
--- a/src/views/admin/SubmissionSetList.tsx
+++ b/src/views/admin/SubmissionSetList.tsx
@@ -14,6 +14,7 @@ import ContestService from '../../services/ContestService';
 import { Contest, PaginatedResponse, SubmissionSet } from '../../types/api';
 import SubmissionSetTable from '../../components/SubmissionSetTable/SubmissionSetTable';
 import LoadingProgress from '../../components/LoadingProgress';
+import { WithTranslation, withTranslation } from 'react-i18next';
 
 interface RouteMatchParams {
     contestId: string;
@@ -27,6 +28,7 @@ interface SubmissionSetListState {
 
 interface SubmissionSetListProps
     extends WithStyles<typeof editListStyles>,
+        WithTranslation,
         RouteComponentProps<RouteMatchParams> {}
 
 class SubmissionSetList extends React.Component<SubmissionSetListProps, SubmissionSetListState> {
@@ -72,6 +74,7 @@ class SubmissionSetList extends React.Component<SubmissionSetListProps, Submissi
 
     render(): React.ReactNode {
         const { contest, showDialog } = this.state;
+        const { t } = this.props;
 
         if (!contest) return <LoadingProgress />;
 
@@ -97,15 +100,15 @@ class SubmissionSetList extends React.Component<SubmissionSetListProps, Submissi
 
                 <ConfirmDialog
                     open={showDialog}
-                    title="Delete confirmation"
+                    title={t('delete_confirmation_title')}
                     onClose={this.closeDialog}
                     onConfirm={this.processDelete}
                 >
-                    Do you really want to delete the submission?
+                    {t('delete_confirmation') as React.ReactChild}
                 </ConfirmDialog>
             </>
         );
     }
 }
 
-export default withStyles(editListStyles)(withRouter(SubmissionSetList));
+export default withTranslation()(withStyles(editListStyles)(withRouter(SubmissionSetList)));
diff --git a/src/views/admin/SubmissionSetView.tsx b/src/views/admin/SubmissionSetView.tsx
index 4bb2e9d..43c5fda 100644
--- a/src/views/admin/SubmissionSetView.tsx
+++ b/src/views/admin/SubmissionSetView.tsx
@@ -1,6 +1,8 @@
 import React from 'react';
 import { withRouter, RouteComponentProps } from 'react-router';
 
+import { withTranslation, WithTranslation } from 'react-i18next';
+
 import { Card, Grid } from '@material-ui/core';
 
 import { Contest, SubmissionSet } from '../../types/api';
@@ -13,16 +15,15 @@ interface RouteMatchParams {
     submissionSetId: string;
 }
 
+interface SubmissionListProps extends RouteComponentProps<RouteMatchParams>, WithTranslation {}
+
 interface SubmissionListState {
     contest: Contest | null;
     submissionSet: SubmissionSet | null;
 }
 
-class SubmissionList extends React.Component<
-    RouteComponentProps<RouteMatchParams>,
-    SubmissionListState
-> {
-    constructor(props: RouteComponentProps<RouteMatchParams>) {
+class SubmissionList extends React.Component<SubmissionListProps, SubmissionListState> {
+    constructor(props: SubmissionListProps) {
         super(props);
 
         this.state = {
@@ -62,13 +63,15 @@ class SubmissionList extends React.Component<
 
     render(): React.ReactNode {
         const { contest, submissionSet } = this.state;
+        const { t } = this.props;
 
         return (
             <>
                 <Grid item xs={12}>
-                    <b>Contest:</b> {contest?.title}
+                    <b>{t('contest')}:</b> {contest?.title}
                     <br />
-                    <b>Author:</b> {submissionSet ? this.getSubmissionSetAuthor(submissionSet) : ''}
+                    <b>{t('author')}:</b>{' '}
+                    {submissionSet ? this.getSubmissionSetAuthor(submissionSet) : ''}
                     <br />
                     <br />
                 </Grid>
@@ -92,13 +95,13 @@ class SubmissionList extends React.Component<
                                         />
                                     ))}
                                     <br />
-                                    <b>Title:</b> {submission.title}
+                                    <b>{t('title')}:</b> {submission.title}
                                     <br />
-                                    <b>Theme:</b> {theme?.title}
+                                    <b>{t('theme')}:</b> {theme?.title}
                                     {submission.description && (
                                         <>
                                             <br />
-                                            <b>Description:</b> {submission.description}
+                                            <b>{t('description')}:</b> {submission.description}
                                         </>
                                     )}
                                 </Card>
@@ -111,4 +114,4 @@ class SubmissionList extends React.Component<
     }
 }
 
-export default withRouter(SubmissionList);
+export default withTranslation()(withRouter(SubmissionList));
diff --git a/src/views/judge/SelectTheme.tsx b/src/views/judge/SelectTheme.tsx
index 9aa030b..c667c89 100644
--- a/src/views/judge/SelectTheme.tsx
+++ b/src/views/judge/SelectTheme.tsx
@@ -1,4 +1,5 @@
 import React, { useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import { Link } from 'react-router-dom';
 import {
     Button,
@@ -21,6 +22,7 @@ const CustomButton = ({ navigate, ...rest }: { navigate: Function }) => {
 
 const SelectTheme: React.FC = () => {
     const [contests, setContests] = useState<JuryContest[]>([]);
+    const { t } = useTranslation();
 
     useEffect(() => {
         const fetchContests = async (): Promise<void> => {
@@ -54,7 +56,7 @@ const SelectTheme: React.FC = () => {
                                             component={CustomButton}
                                             color="primary"
                                         >
-                                            Open
+                                            {t('open')}
                                         </Link>
                                     </TableCell>
                                 </TableRow>
diff --git a/src/views/results/SelectTheme.tsx b/src/views/results/SelectTheme.tsx
index df0587b..38ebc8a 100644
--- a/src/views/results/SelectTheme.tsx
+++ b/src/views/results/SelectTheme.tsx
@@ -1,4 +1,5 @@
 import React, { useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import { Link, useParams } from 'react-router-dom';
 
 import {
@@ -27,6 +28,7 @@ const CustomButton = ({ navigate, ...rest }: { navigate: Function }) => {
 const SelectTheme: React.FC = () => {
     const [contest, setContest] = useState<null | Contest>(null);
     const { contestId } = useParams<RouteMatchParams>();
+    const { t } = useTranslation();
 
     useEffect(() => {
         const fetchContest = async (): Promise<void> => {
@@ -57,7 +59,7 @@ const SelectTheme: React.FC = () => {
                                     component={CustomButton}
                                     color="primary"
                                 >
-                                    View
+                                    {t('view')}
                                 </Link>
                             </TableCell>
                         </TableRow>