Hello, this is my trendy new résumé. Wanna make one for yourself too?
Add yours too! 🥰
You can just clone this repo to your account, or use this repo as a template!
git clone https://github.com/your-nickname/some-repository.git
# this clone link is from the repo that you generated at the previous step!
cd some-repository
# move to your newly cloned folder
yarn
# to install dependencies
# of course, you can use npm
# - but just be sure to delete yarn.lock because it'll be useless if then
yarn dev
# run the dev server in your local
⚠️ This project uses Next.js for server-side rendering!!!⚠️ Keep this in mind while developing features related to paging, rendering, generating values etc. 👍
You can deploy to services that supports Next.js like ZEIT, Github Pages, Heroku.
Now, look through the files and feel free to customize for yourself! 🔥
I'm still working on a more proper documentation and make more things customizable, so you can either wait, hack, or help me by contributing via Issues and Pull Requests!
Name | Location | Current Placeholder |
---|---|---|
Title | Header component | Résumé |
Author | Header component | @junhoyeo |
Catchphrase | Carousel component | Frontend is INEVITABLE™ |
Description after Catchphrase | Carousel component | 불가능한 프론트엔드는 없다고 믿습니다. , 그렇기 때문에 오늘도 성장하기 위한 노력을 하고 있죠. |
Currently inside Navbar component(will detach soon).
Field | Description | Example |
---|---|---|
name |
Name of the navigation | Home , My Stacks , Recent |
href |
Location to move after navigation item is clicked(usually bookmarks with id ) |
#home , #stacks , #recent |
Name | Description | Location |
---|---|---|
Config | The JSON config file that contains list of objects | src/data/avatar.json |
Type | Typing of a single object | src/utils/types.ts (interface IAvatar ) |
Field | Description | Required |
---|---|---|
image |
file name of the avatar file, located in the public/static/avatar folder. | true |
contain |
object-fit will be contain in the rendered img tag if this field is set |
false |
These are the materials I used for designing this blog.
Service or Material | Description | Alternatives |
---|---|---|
Zepeto | You can easily make a cool avatar like youself, and take pictures | Maybe some facial-emoji solutions? |
Smartmockups | Some of the mockups was generated here. It's really great but trial version like mine includes a small watermark in the corner, also it's hard to find multiple device mockups with the same machine. | Photoshop is the best, really. |
Feel free to add yours too!