This copycat project is not working . please review in below link and help me

bit7204854823 · January 5, 2023, 3:38am

Hi React.js community Friends ,

Below copycat exercise project is not working even though all the code is correct.

Please review and help below code working
https://www.codecademy.com/workspaces/63b5010bfea1e4eec164c6e8

gist.github.com

https://gist.github.com/codecademydev/2f0568c3775ccf5c67bcfee236ee5a5d

CopyCat.js

import React from 'react';
import ReactDOM from 'react-dom';
import {styles}  from '../styles';

const images = {
  copycat: 'https://content.codecademy.com/courses/React/react_photo_copycat.png',
  quietcat: 'https://content.codecademy.com/courses/React/react_photo_quietcat.png'
};

export class CopyCat extends React.Component {

This file has been truncated. show original

CopyCatContainer.js

import React from 'react';
import ReactDOM from 'react-dom';
import {CopyCat} from '../components/CopyCat';

const images = {
  copycat: 'https://content.codecademy.com/courses/React/react_photo_copycat.png',
  quietcat: 'https://content.codecademy.com/courses/React/react_photo_quietcat.png'
};

This file has been truncated. show original

styles.js

const fontFamily = 'Comic Sans MS, Lucida Handwriting, cursive';
const fontSize = '5vh';
const backgroundColor = '#282c34';
const minHeight = '100vh';
const minWidth = 400;
const display = 'flex';
const flexDirection = 'column';
const alignItems = 'center';
const justifyContent = 'center';
const color = 'white';

This file has been truncated. show original

Appreciate your help on this

Thanks,
Sudhakar

javaace96747 · January 6, 2023, 12:21am

Hi Sundhakar,

Could you provide the error you’re getting and when you get it?

bit7204854823 · January 6, 2023, 4:29am

Hi ,
It is not rendering anything. It is just showing up blank page.

Can you please try to run the code I provided . Not sure how w to debug that

Thank you for your help. Appreciate it.

Sudhakar