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!