This round is to test your practical knowledge of using React in real world applications. The repo serves as a boilerplate for the React application you are going to build. The boilerplate is created using
create-react-app
.
Please read the below instructions carefully
- The repo is configured with ESlint to check the code quality of your javascript code.
- The repo is configured with Stylelint to check the code quality of CSS.
- Failing the rules set by the above linters will prevent you from committing to this repo
- The Project will show some VS Code plugins as recommendations, that help you regarding these linter, ESLint, Stylelint, Editorconfig, etc. Install these plugins for better experience.
- Has bootstrap, react-router, many other libraries which you might need pre-installed.
- You can install other npm packages if you want
- Upon completing the problem, commit to your forked github repo and share the github repo url with us for review
- Writing inline CSS is discouraged, utilise bootstrap or write your custom CSS in separate CSS files or CSS modules.
- Create a
.env
by copying.env.example
which contains your environment variables - UI must be responsive
- Can use any online resources to solve the problem
- Use
fetch API
to make API calls instead ofaxios
. UseJSON.stringify
to convert the body to string when doing any POST request. - You have a total of 2 hrs to complete the task
- FORK this repo to your own GitHub account. DON'T CLONE THIS REPO.
- Clone it to your local machine.
- Open the project folder in VS Code
- Install the recommended plugins
- Install
node_modules
usingnpm
oryarn
. - Create a
.env
by copying.env.example
- Run
npm run start
oryarn start
to run the project. - Project will start at http://localhost:3000
NOTE: If you face issue installing with
npm
trying usingyarn v1.22.*
If you are unable to push to your repo due to lint errors, please run
npm run lint
oryarn lint
to check the code quality. If unable to solve the lint errors, commit usinggit commit -m "YOUR COMMIT MESSAGE" --no-verify
and share the link with us for review.
In case of any queries feel free to contact us