This device is not compatible.

Build a Resume Builder in React Using Redux

PROJECT


Build a Resume Builder in React Using Redux

In this project, we will build a resume builder in React. We will use Redux to manage the global states of React components.

Build a Resume Builder in React Using Redux

You will learn to:

Use Redux for managing states.

Use the functional components of React.

Integrate different Material UI components.

Use Formik to build forms.

Skills

Web Development

Web Frameworks

Prerequisites

Working knowledge of React

Basic understanding of Material UI

Good understanding of Redux

Technologies

React

Redux

Formik

Material UI

Project Description

In this project, we’ll create a web application that we can use to create a resume by answering a series of questions.

We’ll use the Formik library to build forms and Material UI to add different UI components in the application. We’ll use the Redux store to manage the states of the system while creating the resume through our application.

This project will let users complete a multi-step form that leads to the automatic creation of a resume. The user will be able to customize the template’s color and download the created resume in the PDF format. The user will also be able to go to any resume section by simply clicking the step at the top.

The final layout of the application
The final layout of the application

Project Tasks

1

Getting Started

Task 0: Introduction

Task 1: Set Up the Stepper Slice

Task 2: Implement the Stepper Component

Task 3: Create the InputField Component

Task 4: Show the Resume Template

2

Develop the Profile Section

Task 5: Create the Profile Slice

Task 6: Develop and Render the Profile Section

3

Develop the Experience Section

Task 7: Create the Experience Slice

Task 8: Develop the Experience Form

Task 9: Render the Experience Section

4

Develop the Education Section

Task 10: Create the Education Slice

Task 11: Develop and Render the Education Form

5

Develop the Skills Section

Task 12: Create the Skills Slice

Task 13: Develop and Render the Skills Form

6

Develop the Interests Section

Task 14: Create the Interests Slice

Task 15: Develop and Render the Interests Form

7

Develop the Resume and Download Section

Task 16: Populate Data for Resume

Task 17: Add the Download Functionality

Congratulations!