In this module, you will start your journey into developing the website. You will create a repository for your project using forking. You will then clone the repository to the lab environment. After the lab environment is set up, you will create layouts, including the Navigation Bar, Sign-up form, and Login form, and apply styling to static website pages using HTML and CSS. Finally, you will test the static components.

In this module, you will start working with React to build and manage dynamic components. As a first step, you will set up the React project and establish the required database connectivity, which is required for a few of the website components to function. You will then convert the static pages to dynamic React components and test them. You will also create the first dynamic React component for the project. Finally, you will integrate an existing dynamic React component and customize it based on your color scheme and theme for the website.

In this module, you will continue developing dynamic React components. You will also test each component to ensure they are working as expected.

In this module, you will integrate all components and test the website’s functionality. Then, you will deploy the website. After deploying, you will make changes to the website components to add meta tags for SEO in the index.html file for the project and redeploy the website.

In the final module, you will need to submit the screenshots from the hands-on labs for peers to review. You will submit GitHub repository links to enable peers to review your code. After you submit your project, you will need to review and grade one of your peer’s submissions.