https://github.com/girishgr8/Resume-Builder

Creating a resume is a bit tedious task for any working professional from any industry. One has to keep it short, simple, and with the latest work experience. This Resume Builder project will help to build your resume-builder by auto-generating it on your own and helping working professionals with the same using ReactJS and NodeJS frameworks.
https://github.com/girishgr8/Resume-Builder

html-pdf material-ui multistep-react-form react react-resume-builder reactjs resume-builder

Last synced: 3 months ago
JSON representation

Creating a resume is a bit tedious task for any working professional from any industry. One has to keep it short, simple, and with the latest work experience. This Resume Builder project will help to build your resume-builder by auto-generating it on your own and helping working professionals with the same using ReactJS and NodeJS frameworks.

• Host: GitHub
• URL: https://github.com/girishgr8/Resume-Builder
• Owner: girishgr8
• License: mit
• Created: 2019-12-13T17:42:13.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2024-05-02T01:15:39.000Z (9 months ago)
• Last Synced: 2024-08-01T21:59:14.851Z (6 months ago)
• Topics: html-pdf, material-ui, multistep-react-form, react, react-resume-builder, reactjs, resume-builder
• Language: JavaScript
• Homepage: https://www.youtube.com/watch?v=JkcP06CYVpc
• Size: 73.9 MB
• Stars: 218
• Watchers: 6
• Forks: 98
• Open Issues: 11
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• project-awesome - girishgr8/Resume-Builder - Creating a resume is a bit tedious task for any working professional from any industry. One has to keep it short, simple, and with the latest work experience. This Resume Builder project will help to (JavaScript)

README

        
# Resume Builder Application : [TRY LIVE ](https://resume-builder-7xhm.onrender.com/ "Live Website")

![Made-With-React](https://img.shields.io/badge/Made_with-React-informational?style=for-the-badge&logo=react) ![Made-With-NodeJS](https://img.shields.io/badge/Made_with-NodeJS-informational?style=for-the-badge&logo=javascript) ![Made-With-Material_UI](https://img.shields.io/badge/Made_with-Material_UI-informational?style=for-the-badge&logo=material-ui)

### UPDATE : GOOGLE SIGN-IN & SESSION MANAGEMENT FEATURES ADDED (SAVE DATA ACROSS SESSIONS)

1. **React** for Frontend and **Express** as Middleware.

2. **Material UI** and **React-Bootstrap** for styling.

## Quick Start

Clone the repository and do following:

**NOTE** : You can see the sample .env.example which will contain the environment variables. Replace the values with your own KEYS/SECRETS/URLs and rename the file to .env instead of .env.example

```bash

# Install dependencies for server

npm install

# Install dependencies for client

npm run client-install

# Run the client & server with concurrently

npm run dev

# Run the Express server only

npm run server

# Run the React client only

npm run client

# Server runs on http://localhost:5000 and client on http://localhost:3000

```

**Note - If you wish to change the server port number from 5000 to say port 4000, then do the following small change in package.json file of the client folder.**



  



## Demo :

Click on the image below to see the demo.

[![IMAGE ALT TEXT HERE](https://img.youtube.com/vi/JkcP06CYVpc/0.jpg)](https://www.youtube.com/watch?v=JkcP06CYVpc)

## License

This project is licensed under the MIT License - see the [LICENSE.md](https://github.com/girishgr8/Resume-Builder/blob/master/LICENSE) file for details.

## Credits :

Referred to [this](https://www.sitepoint.com/google-auth-react-express/) for setting up Google Sign-in



Developed with :heart: by Girish Thatte