Skip to content

Latest commit

 

History

History
171 lines (162 loc) · 4.71 KB

README.md

File metadata and controls

171 lines (162 loc) · 4.71 KB

Resume-Builder (AlmaBetter__Capstone__Project)

Folder Structure

+---public | apple-icon.png | favicon.ico | index.html | logo192.png | logo512.png | manifest.json | robots.txt |
---src | App.js | index.css | index.js | Store.js |
+---Components | | CheckSelectedId.js | |
| +---BackNextBtn | | BackNextBtnComponent.css | | BackNextBtnComponent.js | |
| +---BlackScreen | | BlackScreen.css | | BlackScreen.js | |
| +---DetailFillingSidebar | | DetailFillingSidebar.js | | DetailsFillingSideBar.css | |
| +---Education | | EducationComponent.css | | EducationComponent.js | |
| +---Header | | TemplateHeader.css | | TemplateHeader.js | |
| +---Heading | | TemplateHeading.css | | TemplateHeading.js | |
| +---Input | | InputComponent.css | | InputComponent.js | |
| +---KeySkills | | KeySkillsComponent.css | | KeySkillsComponent.js | |
| +---MainBar | | Navbar.css | | Navbar.js | |
| +---PersonalInfo | | PersonalInfoComponent.css | | PersonalInfoComponent.js | |
| +---Preview | | PreviewComponent.css | | PreviewComponent.js | |
| +---Select | | SelectComponent.css | | SelectComponent.js | |
| +---TemplateEducation | | TemplateEducationComponent.css | | TemplateEducationComponent.js | |
| +---TemplateKeySkill | | TemplateKeySkillComponent.css | | TemplateKeySkillComponent.js | |
| +---TemplateOneExperience | | TemplateOneExperienceComponent.css | | TemplateOneExperienceComponent.js | |
| ---WorkExperience | WorkExperienceComponent.css | WorkExperienceComponent.js |
+---Pages | | AboutUs.js | | DetailsFilling.js | | Home.js | | index.js | | MyResumes.js | |
| ---Styles | DetailsFilling.css | Home.css | MyResumes.css |
+---Redux | +---Actions | | actions.js | |
| ---Reducers | combinedReducers.js | reducers.js |
---Utils | inputChecks.js |
+---Data | data.js | templates.js |
+---Images | aboutCV.jpg | sample_1.jpg | sample_2.jpg | sample_3.jpg | sample_4.jpg |
---Templates Template.css Template1.js Template2.js Template3.js Template4.js Template5.js Template6.js

Introduction

  • Resume|builder is a web application where anyone can create resume with ease and choose from different available templates.
  • It has three tabs : 1) Resume Templates (Home Page) , 2)Resumes (Saved Resumes) 3) About us
  • Set profile picture in the resume.
  • Before downloading we have a preview option to view your resume.
  • You can save resumes to the local hard drive.
  • Saved resumes can be deleted as well as modified by the user.

Used in this project:

  • React-Router-Dom
  • Material UI
  • React-Redux
  • Store
  • React-Avatar-edit
  • Vanilla CSS
  • JSX
  • Uniq ID
  • React-Hook-Forms
  • Jspdf converter
  • Redux connect method
  • Images
  • Raw data

Pages

  • Home (Resume Templates)
    -Choose one from the available templates &
    -Navigated to details filling page
  • My Resumes
  • About us

Demo about the pages:

  • Home Page

image

  • Details Filling page

image

  • My Resumes

image

  • About us

image

Live Link
https://resumebuilder-z.netlify.app/