vedant-jain03 / resume-maker

Resume Maker is tool where you can generate your resume for free. It has functionality like dynamic preview, color themes, responsive ,etc.

Getting Started with Contribution Website

Setup Steps

• Go to directory

$ cd HashHub

• Install Dependencies

$ npm install

• Start LocalHost Server

$ npm run start

Code of Conduct

Getting Started

Contributing

Thank you for your interest in contributing to our Repo! Pull requests are welcome. For fixing typos, please make a PR with your fixes. For other contributions, we suggest you to read our contribution guidelines to see how you can contribute to this project. We are happy for every contribution.

Issues & Pull Requests

Before making pull requests please look at our contributing guidelines. You can start working on the issue which are mentioned in issues section. Just drop a comment before working on the issue. Thank you!

License

The code is this repo is licensed under the MIT license. Feel free to use and share it as per the license.

✨ Contributors

resume-maker's Issues

Update to favicon and manifest.json

Problem
Browser favicon is set to default React logo

Describe the solution you'd like
Want to change browser favicon and also update the manifest.json file accordingly

Please assign this to me for hacktoberfest contribution. :)

Typo error

Go to this link:- https://github.com/vedant-jain03/Resume-Maker#issues--pusl-requests

A custom theme

Is your feature request related to a problem? Please describe.
currently the user has only option to pick pre built themes

Describe the solution you'd like
an add button at the end and if the user pressed it
a pop asking 2 colors with color picker 1, primary color 2nd secondary color

Additional context
for color picker we can use this library
and for popup we can use this

I can do this for hacktoberfest

Make a Copyright Footer

Description

Make a responsive footer for the app.

Disabling Print Out

Print out button should be disabled if there is no input as it prevents print (downloading) empty file

Please assign me this

Theme changes to default on reloading

Describe the bug
On reloading the page, all the data in the resume remains same; but the theme changes to default. We can store the theme in local storage too so that the theme is retained.

To Reproduce
Steps to reproduce the behavior:

1. Create a resume.
2. Change the theme to some theme other than the default theme.
3. Reload the page, or close and reopen the page.
4. Theme is not retained, goes back to default theme.

Expected behavior
I think it would be nice if theme is also retained.

Additional context
Can I work on this ?

Add light and Dark Mode Functionality

Description

Add dark and light mode functionality.

Make issue template and PR template for this repository.

Add option for font style

Is your feature request related to a problem? Please describe.
Their is only one default font-family for the resume , adding different fontstyles options gives user different taste.

Fixed Issue to not allow Empty and Skills Achievements

Add more color themes

refer this line of code:

Resume-Maker/src/component/Homepage.jsx

Line 339 in 85a8e7e

<div className={primary==='rgb(0 150 151)'?'combo active':'combo'} style={{background:'linear-gradient(45deg, rgb(0 150 151), #ff9800)'}} onClick={()=>{

remove un-used or unwanted imports

Describe the bug
not an bug but remove unwanted or unused variables so the console will be clean

Expected behavior
the console should not have any warnings

Screenshots

Desktop (please complete the following information):

• OS: linux
• Browser brave
• Version 94.1.30.86

I can do this for hacktoberfest

Improve Placeholders of the URLs

I would improve the message in the placeholder so to understand the input field better.

Add Clear Button to remove localstorage

We need to add Clear Button to remove localstorage because every time we manually remove all data from the info section.

education can be 0-n

I will add a button that will basically create new education field for the user
the current process is limited upto 2 educaiton, a user may add 10th,12th,UG,PG and so on
I can do this for hacktoberfest

pro-bot testing

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

Image Input not matching with application

Describe the bug
New image input not matching with the style of theme it can be improved.

To Reproduce
Steps to reproduce the behavior:
1.Just start the app on localhost

Expected behavior
It should match with style of application.

Screenshots

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following
information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

Compilation Error while running locally

Describe the bug
While running locally using "npm run start" , error encountered : "TypeError: Cannot convert undefined or null to object"

To Reproduce
Steps to reproduce the behavior:

1. Fork this repo and clone it to local device.
2. Run "npm install".
3. Run "npm run start"
4. See error

Expected behavior
The development server should show the website locally.

Screenshots

Desktop (please complete the following information):

• OS: Windows 11
• Browser : Chrome, Microsoft Edge

Additional Context
I think if "" is used instead of null, the problem can be fixed. I was planning on working on this project, but got this error and am unable to locally run it in. I request some help regarding this.

All menu disable until user input his information

Describe the bug
Disable all Menu until user inputs his information because it looks not good.

Screenshots

Allowing to push Enter to submit new skill & Achievement

Having to click on the "Plus" button to validate the skills and achievements is a bit frustrating

We could have a better experienced by allowing "enter" on the form to submit them.

I could do it. Just assign it to me !

Add File input for Upload Profile Photo Instead of Photo URL

Saving Array item in localstorage.

Description

For now thier is localstorage set for variable but we have arrays of objects as well which can be stored as JSON.stringify and retrieve as JSON.parse from localstorage.
Code Example:

Resume-Maker/src/component/Homepage.jsx

Line 164 in e038ff0

useEffect(()=>{