Checkpoint

Last updated

What is Checkpoint?

At this point, you should be able to install and use external packages using npm. You probably know about npmjs.com where you can search for packages and read their documentation. You should also be familiar with the package.json file and how to use it to manage your project dependencies.

You don't need to get into the module bundlers and build tools just yet. Just make sure that you are able to use the dependencies installed in the node_modules folder using simple link and script tags in your HTML.

Regarding projects, here are a few ideas that you can try:

  • Create a simple webpage that shows the current time of user. You can use dayjs to get the current time and display it on the page. Here is the sample design for homepage.
  • Install the micromodal library. Create a button on the page clicking which should open a modal and let the user select a timezone from a dropdown. Once the user selects a timezone, the modal should close and the time on the page should be updated to show the time in the selected timezone. Here is the sample design for the modal.

More in stage 5: React

Checkpoint: common questions

Can I learn Checkpoint in Hindi?

This lesson is written in English. Once you sign in, open it in the interactive course and ask the AI tutor to explain Checkpoint in Hindi or Hinglish. The tutor answers from this lesson’s own text, so it stays on the syllabus, and it runs on your own Google, OpenAI or Anthropic key.

Is this Checkpoint tutorial for beginners?

It is lesson 9 of 37 in the free Full Stack roadmap, in stage 5, React. If you are new to Full Stack, start from stage 1 and come back here in order; if you already know the earlier stages, this lesson stands on its own.

Still confused? Ask me