https://github.com/marx-wrld/resume-builder

A repo containing a resume builder application built using React(UI), Tailwind CSS & Hero icons.
https://github.com/marx-wrld/resume-builder

craco-plugin postcss-plugin react-router-dom reactjs tailwindcss

Last synced: 2 days ago
JSON representation

A repo containing a resume builder application built using React(UI), Tailwind CSS & Hero icons.

• Host: GitHub
• URL: https://github.com/marx-wrld/resume-builder
• Owner: Marx-wrld
• License: gpl-2.0
• Created: 2023-04-16T14:48:18.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-01-12T14:32:45.000Z (10 months ago)
• Last Synced: 2024-01-13T03:46:47.931Z (10 months ago)
• Topics: craco-plugin, postcss-plugin, react-router-dom, reactjs, tailwindcss
• Language: JavaScript
• Homepage:
• Size: 2.78 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        

A repo containing a resume builder application built using React(UI), Tailwind CSS, post-css-plugin, react-router-dom, craco-plugin & Hero icons.

- Link to the app - https://resume-buildx.netlify.app/

- This application structure involves a landing page (Home.js), a navigation bar (Navbar.js), resume templates (Minimalist.js and TwoColumn.js), and a component for dynamically rendering templates based on user selection (Resume.js). The templates receive data as props and display the user's information in a structured manner.

- The TemplateData component renders the Resume component, passing various props such as userData, empData, eduData, projectData, type, headerColor, and headerTextColor.

This integration allows the user-entered data and styling preferences to be used in generating the final resume layout.

  

![Screenshot (127)](https://github.com/Marx-wrld/Resume-Builder/assets/105711066/5d9ceed1-368e-46e6-b243-4530f8fb7b5a)

![Screenshot (126)](https://github.com/Marx-wrld/Resume-Builder/assets/105711066/4e83089f-0cfa-408c-9d50-8b40937e2202)

![Screenshot (125)](https://github.com/Marx-wrld/Resume-Builder/assets/105711066/2137b0fe-e4de-4959-95ee-14d04a93b0f6)

#### Features

* Ready-to-use templates 

* Color picker

* Download PDF 

#### Stack

* [React](https://reactjs.org)

* [Tailwind CSS](https://tailwindcss.com/)

* [Hero Icons](https://heroicons.com/)

#### Installation

1. Clone / Download this repo.

2. Inside the project open a terminal and run:

```

npm install

```

This will install all the project libraries & dependencies.

3. To start the development server run:

```bash

npm start

```