Convert Figma logo to code with AI

AmruthPillai logoReactive-Resume

A one-of-a-kind resume builder that keeps your privacy in mind. Completely secure, customizable, portable, open-source and free forever. Try it out today!

21,843
2,344
21,843
494

Top Related Projects

:necktie: :briefcase: Build fast :rocket: and easy multiple beautiful resumes and create your best CV ever! Made with Vue and LESS.

The ultimate guide on preventing Website Scraping

Resume,Resume Templates,程序员简历例句,简历模版,

:page_facing_up: Awesome CV is LaTeX template for your outstanding job application

Quick Overview

Reactive Resume is an open-source, free resume builder that allows users to create, update, and share their resumes easily. It offers a modern, customizable interface with real-time previews and multiple export options, making it a versatile tool for job seekers and professionals.

Pros

  • User-friendly interface with drag-and-drop functionality
  • Customizable templates and sections
  • Real-time preview of changes
  • Multiple export options (PDF, JSON, HTML)

Cons

  • Limited number of templates compared to some paid alternatives
  • Requires internet connection for full functionality
  • May have a learning curve for users unfamiliar with web-based resume builders

Getting Started

To get started with Reactive Resume:

  1. Visit the official website: https://rxresu.me/
  2. Click on "Get Started" to create a new account or log in
  3. Choose a template and start customizing your resume
  4. Use the drag-and-drop interface to add or rearrange sections
  5. Fill in your personal information, work experience, education, and skills
  6. Preview your resume in real-time and make adjustments as needed
  7. Export your resume in your preferred format (PDF, JSON, or HTML)

For developers who want to contribute or run the project locally:

  1. Clone the repository:
    git clone https://github.com/AmruthPillai/Reactive-Resume.git
    
  2. Install dependencies:
    cd Reactive-Resume
    npm install
    
  3. Start the development server:
    npm run dev
    
  4. Open your browser and navigate to http://localhost:3000

Competitor Comparisons

:necktie: :briefcase: Build fast :rocket: and easy multiple beautiful resumes and create your best CV ever! Made with Vue and LESS.

Pros of best-resume-ever

  • Offers a variety of pre-designed templates, making it easier for users to quickly create visually appealing resumes
  • Utilizes Vue.js, which can be beneficial for developers familiar with this framework
  • Includes a CLI tool for easier resume generation and management

Cons of best-resume-ever

  • Less customizable compared to Reactive-Resume, which offers more flexibility in design and content
  • Has not been updated recently, potentially lacking modern features and improvements
  • May require more technical knowledge to set up and use effectively

Code Comparison

Reactive-Resume (React-based):

import React from 'react';
import { TextField } from '@material-ui/core';

const InputField = ({ name, label, value, onChange }) => (
  <TextField name={name} label={label} value={value} onChange={onChange} />
);

best-resume-ever (Vue-based):

<template>
  <div class="input-field">
    <label :for="name">{{ label }}</label>
    <input :id="name" :value="value" @input="$emit('input', $event.target.value)">
  </div>
</template>

Both projects use component-based architectures, but Reactive-Resume uses React with Material-UI, while best-resume-ever uses Vue.js. Reactive-Resume's approach may offer more extensive UI component libraries and ecosystem support.

The ultimate guide on preventing Website Scraping

Pros of How-To-Prevent-Scraping

  • Focused on a specific security concern, providing targeted solutions
  • Offers practical techniques applicable to various web technologies
  • Regularly updated with community contributions

Cons of How-To-Prevent-Scraping

  • Limited scope compared to Reactive-Resume's full application functionality
  • Lacks a user interface or interactive elements
  • May require additional implementation effort to integrate into existing projects

Code Comparison

How-To-Prevent-Scraping example (JavaScript):

function generateRandomDelay() {
  return Math.floor(Math.random() * (3000 - 1000 + 1)) + 1000;
}

setTimeout(function() {
  // Perform action after random delay
}, generateRandomDelay());

Reactive-Resume example (React):

const ResumeBuilder = () => {
  const [sections, setSections] = useState([]);

  return (
    <div>
      {sections.map((section, index) => (
        <Section key={index} data={section} />
      ))}
    </div>
  );
};

While How-To-Prevent-Scraping focuses on security techniques, Reactive-Resume provides a full-fledged application for resume creation. The code examples highlight their different purposes: How-To-Prevent-Scraping demonstrates anti-scraping methods, while Reactive-Resume showcases React components for building a resume interface.

Resume,Resume Templates,程序员简历例句,简历模版,

Pros of awesome-resume

  • Comprehensive collection of resume resources and templates
  • Covers various resume formats and styles for different industries
  • Includes links to online resume builders and tools

Cons of awesome-resume

  • Not an interactive resume builder like Reactive-Resume
  • Requires more manual effort to create a resume
  • May be overwhelming due to the large number of options

Code comparison

While a direct code comparison isn't relevant for these repositories, we can compare their structure:

Reactive-Resume:

src/
  components/
  constants/
  contexts/
  pages/
  styles/

awesome-resume:

README.md
CONTRIBUTING.md
CODE_OF_CONDUCT.md

Reactive-Resume is a full-fledged React application with a structured codebase, while awesome-resume is primarily a curated list of resources in a README file.

:page_facing_up: Awesome CV is LaTeX template for your outstanding job application

Pros of Awesome-CV

  • LaTeX-based, offering high-quality typesetting and professional appearance
  • Extensive customization options for advanced users
  • Supports multiple languages and formats (e.g., CV, resume, cover letter)

Cons of Awesome-CV

  • Steeper learning curve, especially for those unfamiliar with LaTeX
  • Requires LaTeX environment setup and compilation
  • Less user-friendly for quick edits or real-time previews

Code Comparison

Awesome-CV (LaTeX):

\documentclass[11pt, a4paper]{awesome-cv}
\name{Your}{Name}
\position{Your Job Title}
\address{Your Address}
\mobile{Your Phone Number}

Reactive-Resume (React/JavaScript):

<Resume
  basics={{
    name: "Your Name",
    label: "Your Job Title",
    email: "your.email@example.com",
    phone: "Your Phone Number",
  }}
/>

Awesome-CV uses LaTeX syntax for structuring the document, while Reactive-Resume employs a more modern, component-based approach using React. Awesome-CV offers fine-grained control over layout and typography, whereas Reactive-Resume provides a more accessible, web-based interface for creating and editing resumes.

Convert Figma logo designs to code with AI

Visual Copilot

Introducing Visual Copilot: A new AI model to turn Figma designs to high quality code using your components.

Try Visual Copilot

README

Reactive Resume

App Version Docker Pulls GitHub Sponsors Crowdin Discord

Reactive Resume

A free and open-source resume builder that simplifies the process of creating, updating, and sharing your resume.

Go to App | Docs

Description

Reactive Resume is a free and open-source resume builder that simplifies the process of creating, updating, and sharing your resume. With zero user tracking or advertising, your privacy is a top priority. The platform is extremely user-friendly and can be self-hosted in less than 30 seconds if you wish to own your data completely.

It's available in multiple languages and comes packed with features such as real-time editing, dozens of templates, drag-and-drop customisation, and integration with OpenAI for enhancing your writing.

You can share a personalised link of your resume to potential employers, track its views or downloads, and customise your page layout by dragging-and-dropping sections. The platform also supports various font options and provides dozens of templates to choose from. And yes, there's even a dark mode for a more comfortable viewing experience.

Start creating your standout resume with Reactive Resume today!

Templates

AzurillBronzorChikorita
DittoKakunaNosepass
OnyxPikachuRhyhorn

Features

  • Free, forever and open-source
  • No telemetry, user tracking or advertising
  • You can self-host the application in less than 30 seconds
  • Available in multiple languages (help add/improve your language here)
  • Use your email address (or a throw-away address, no problem) to create an account
  • You can also sign in with your GitHub or Google account, and even set up two-factor authentication for extra security
  • Create as many resumes as you like under a single account, optimising each resume for every job application based on its description for a higher ATS score
  • Bring your own OpenAI API key and unlock features such as improving your writing, fixing spelling and grammar or changing the tone of your text in one-click
  • Translate your resume into any language using ChatGPT and import it back for easier editing
  • Create single page resumes or a resume that spans multiple pages easily
  • Customize the colours and layouts to add a personal touch to your resume.
  • Customise your page layout as you like just by dragging-and-dropping sections
  • Create custom sections that are specific to your industry if the existing ones don't fit
  • Jot down personal notes specific to your resume that's only visible to you
  • Lock a resume to prevent making any further edits (useful for master templates)
  • Dozens of templates to choose from, ranging from professional to modern
  • Design your resume using the standardised EuroPass design template
  • Supports printing resumes in A4 or Letter page formats
  • Design your resume with any font that's available on Google Fonts
  • Share a personalised link of your resume to companies or recruiters for them to get the latest updates
  • You can track the number of views or downloads your public resume has received
  • Built with state-of-the-art (at the moment) and dependable technologies that's battle tested and peer reviewed by the open-source community on GitHub
  • MIT License, so do what you like with the code as long as you credit the original author
  • And yes, there’s a dark mode too 🌓

Built With

  • React (Vite), for the frontend
  • NestJS, for the backend
  • Postgres (primary database)
  • Prisma ORM, which frees you to switch to any other relational database with a few minor changes in the code
  • Minio (for object storage: to store avatars, resume PDFs and previews)
  • Browserless (for headless chrome, to print PDFs and generate previews)
  • SMTP Server (to send password recovery emails)
  • GitHub/Google OAuth (for quickly authenticating users)
  • LinguiJS and Crowdin (for translation management and localization)

Star History

Star History Chart

License

Reactive Resume is packaged and distributed using the MIT License which allows for commercial use, distribution, modification and private use provided that all copies of the software contain the same license and copyright.

By the community, for the community.
A passion project by Amruth Pillai