Steps to run the project (the same steps are written in README file as well):
--> images folder has all the images used for the task.
--> AppReview folder has all the code files.
1) You need to create a react-app.
a) Run the following command to create the react app in the terminal:
npx create-react-app your-project-name
b) Go to the folder root in the terminal and run following command:
npm start
2) Once the project is running install the following packages using the command:
npm i axios react-phone-number-input react-toastify sass react-router react-tabs
3) Once the packages have been installed. Replace the index.js file with the following code
import React from "react";
import ReactDOM from "react-dom/client";
import App from "./App";
import reportWebVitals from "./reportWebVitals";
import { ToastContainer } from "react-toastify";
import "react-toastify/dist/ReactToastify.css";
import "./styles/styles.scss";
import 'react-phone-number-input/style.css';
import 'react-tabs/style/react-tabs.css';
const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
<>
>
);
reportWebVitals();
4) Now create the respective folders in /src for the images as same as they are imported in AppReview.jsx file.
5) Now create a styles folder in /src and put the styles.scss file there.
6) Finally replace the App.js file with the following code:
import React from "react";
import AppReview from "./components/AppReview/AppReview";
const App = () => {
return (
<>
>
);
};
export default App;
7) Congrats. You can see the work done.