Git Product home page Git Product logo

cv's Introduction

cv

Minimalist CV Deploy with Vercel

Simple web app that renders minimalist CV with print-friendly layout.

Built with Next.js and shadcn/ui, deployed on Vercel.

Features

  • Setup only takes a few minutes single config file
  • Built using Next.js 14, React, Typescript, Shadcn/ui, TailwindCss
  • Auto generated Layout
  • Responsive for different devices
  • Optimized for Next.js and Vercel

Getting Started Locally

  1. Clone this repository to your local machine:

    git clone https://github.com/BartoszJarocki/cv.git
  2. Move to the cloned directory

    cd cv
  3. Install dependencies:

    yarn install
  4. Start the local Server:

    yarn dev
  5. Open the Config file and make changes

Run with Docker

Build the container

docker compose build

Run the container

docker compose up -d

Stop the Container

docker compose down 

License

MIT

cv's People

Contributors

bartoszjarocki avatar davidhfrankelcodes avatar eliamaino-fp avatar hemik000 avatar jiksi avatar matheusferreirazx avatar mitul-s avatar omitnomis avatar scandar avatar sujiththirumalaisamy avatar swaroopar avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

cv's Issues

Avatar on Vercel

Hi, I've completed the deployment on Vercel and everything works great for me, except I could only use the Github avatar and nothing else. I can use the attachment from my blog when I do the local deployment; I don't know why it doesn't work on Vercel.

A redundant clsx dependecy

A redundant clsx dependecy

class-variance-authority actually already provides the functionality that clsx does and it is called cx.

cx is just an alias for clsx so I suggest removing clsx from package.json.

/src/lib.utils.ts

import { clsx } from 'clsx'
import type { ClassValue } from 'clsx'

is the same as

import { cx } from 'class-variance-authority'
import type { ClassValue } from 'class-variance-authority/types'

The toolbar feature is not displayed with the right condition

Bug Report

Description:
I just cloned the repo and noticed that it was missing the feature to switch language and to switch theme.
I looked at the code and found out these features were implemented but they were hidden.
I saw that I had the features enabled by looking at the app,config.ts : https://github.com/dninomiya/cv/blob/main/app.config.ts#L17

How to reproduce:
Have the features print, theme and locale enabled.

Expected Behavior:
We should have the features displayed on the toolbar
Screenshot from 2024-01-22 14-29-36

Actual Behavior:
We cannot see the features on the toolbar.
Screenshot from 2024-01-22 14-28-56

Possible Solution:
I suggest we change noFeatures declaration like so :

const noFeatures = Object.values(AppConfig.toolbar).every((value) =>
    !Boolean(value)
  );

Dark mode implementation

We can implement a dark mode using next-themes and shadcn.

Ps : my eyes hurt at this light mode.

Need help with adding website link in resume

Hello guys, am a noob in editing code, but tried and successfully deployed my site on vercel but need help with changing these top icons
Screenshot 2024-02-26 at 9 08 13 PM

I want to add a website icon and a instagram icon and remove the twitter icon but whenever i try deployment fails due to some error, probably not getting the correct .tsx file for those logos

can anyone help

Favicon

There should also be a option in config file to add favicon as it uses the default one used by the creator

Justify Align Text

HI Bartosz,

Thank you for this repo.

I would like to have the ability to justify align text. Is there a way of doing this?

Thanks,

Theo

Adding save/export as pdf feature

Really great resume website! It would be really cool and interesting to export/save the resume as pdf :) I will try to find a way doing that in the end of the resume.

@ALL: Do you have any other recommended libraries to use instead of react-pdf library or is it good enough?

Does not pass ATS

The resulting pdf from this resume is 0% compatible with Automatic Tracking Systems. Is there a way to fix this so that they can read the words on the page?

Languages Section

A language section similar to LinkedIn's would be useful, with parameters for proficiency level.

image

Create support for multilanguage

I know that English is the best known standard internationally, but it would be nice to have the flexibility to use your local language, in my case, Portuguese (Brazil)

Auto Get GitHub Projects

Suggest adding a feature to automatically retrieve GitHub projects (so you don't have to manually fill them out), or choosing between two options.

Add more interactivity

Some more interactivity would be great. For example:

  1. the skills could be buttons or hover spots that highlight them in the text (by making everything else translucent or slightly blurred).
  2. some time line control which can show time as a line with drag support for periods and balloons for projects.
  3. professional network as a pop-up graph: people you've directly worked with, interests you follow

Basically the reason to have this instead of a static document is more engagement. Still needs export to PDF, JSON, etc. but viewers can engage with it.

Of course if you have engagement, you can also measure it. 😂

Clarification on Copyright and License Usage for Open Source Templates

Hello,

I hope this message finds you well. I am currently exploring the use of open source templates, and your project caught my attention. As this is my first time delving into such endeavors, I have a few questions regarding the proper attribution and licensing practices.

If I decide to use your open source template, could you kindly clarify whether it is necessary to provide a copyright notice and include the license information in my project? I want to ensure that I adhere to the appropriate legal and ethical standards.

Additionally, if you have any real-world examples or guidelines on how to implement these practices effectively, I would greatly appreciate your insights.

Thank you in advance for your assistance, and I look forward to your guidance.

Best regards,

Vercel deployment.

Sorry it's my first deployment in V.

Getting this error in Vercel.

Running "yarn dev"
yarn run v1.22.17
$ next dev
 ⚠ You are using a non-standard "NODE_ENV" value in your environment. This creates inconsistencies in the project and is strongly advised against. Read more: https://nextjs.org/docs/messages/non-standard-node-env
   ▲ Next.js 14.0.4
   - Local:        http://localhost:3000

I presume it's the lack of .env ?

Social links are disappearing when document is saved

Social links such as Github, Linkedin etc. are disappearing when printing to PDF. I am not sure if this is expected or default behaviour but I think not having them in exported file is an issue. Only mail address is visible after exporting.

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.