Code Monkey home page Code Monkey logo

resumetemplate's Introduction

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/

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.