Project Overview

Resume-Builder is a user-friendly web application designed to help users create professional resumes effortlessly. With a variety of available templates to choose from, users can customize their resumes according to their preferences and needs. The application offers the following features:

1. Home Page (Resume Templates): Users can browse through a collection of different resume templates and select one that suits their style and requirements.

2. Details Filling Page: After selecting a template, users are navigated to the details filling page. Here, they can enter their personal information, educational background, work experience, key skills, and other relevant details to create a comprehensive resume.

3. Preview Option: Before finalizing and downloading the resume, users have the option to preview their resume to ensure that it looks exactly as they want it to.

4. Resume Storage: The application allows users to save their resumes on the local hard drive, making it convenient to access and modify them later.

5. Resume Management: Saved resumes can be easily managed by the user. They have the ability to delete or modify their existing resumes based on their changing needs.

Technologies Used

The project incorporates the following technologies and tools:

• React-Router-Dom: For routing and navigation within the application.
• Material UI: A popular UI component library for designing the application's user interface.
• React-Redux: A state management library for managing application-level state.
• Store: A centralized store to hold and manage the application's data.
• React-Avatar-Edit: A component used for selecting and editing profile pictures for the resume.
• Vanilla CSS: Custom CSS stylesheets for styling the application components.
• JSX: A syntax extension for JavaScript used to write React components.
• Uniq ID: A library for generating unique IDs to identify different elements in the application.
• React-Hook-Forms: A library for managing form state and validation in React.
• Jspdf converter: A library for converting the resume into a downloadable PDF format.
• Redux connect method: A method used to connect React components with the Redux store.
• Images: Images used within the application, such as profile pictures and sample templates.
• Raw data: Data files containing templates and other information used by the application.

Pages

The application consists of the following main pages:

1. Home Page (Resume Templates): This page displays a collection of available resume templates. Users can browse through the templates and select one that appeals to them. Clicking on a template navigates them to the details filling page.

2. Details Filling Page: In this page, users can fill in their personal details, educational background, work experience, key skills, and other relevant information required for creating a resume. This information is used to populate the selected template.

3. My Resumes: This page allows users to view and manage their saved resumes. They can delete or modify existing resumes based on their preferences.

4. About Us: This page provides information about the application, its purpose, and the team behind its development.