Code Monkey home page Code Monkey logo

codebuddy-react-interview's Introduction

Welcome to Round 3 of your React Interview

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


Before starting keep in mind the below points

  • 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 of axios. Use JSON.stringify to convert the body to string when doing any POST request.
  • You have a total of 2 hrs to complete the task

Installation

  1. FORK this repo to your own GitHub account. DON'T CLONE THIS REPO.
  2. Clone it to your local machine.
  3. Open the project folder in VS Code
  4. Install the recommended plugins
  5. Install node_modules using npm or yarn.
  6. Create a .env by copying .env.example
  7. Run npm run start or yarn start to run the project.
  8. Project will start at http://localhost:3000

NOTE: If you face issue installing with npm trying using yarn v1.22.*

If you are unable to push to your repo due to lint errors, please run npm run lint or yarn lint to check the code quality. If unable to solve the lint errors, commit using git 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

codebuddy-react-interview's People

Contributors

karan11000 avatar sohan-dutta avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.