https://github.com/nalsae/nalsae

https://github.com/nalsae/nalsae

Last synced: 5 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/nalsae/nalsae
• Owner: nalsae
• Created: 2022-12-30T18:13:18.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-10-09T14:52:28.000Z (about 1 year ago)
• Last Synced: 2024-10-16T19:53:31.547Z (about 1 month ago)
• Size: 35.2 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![main_header](https://user-images.githubusercontent.com/101828759/210100600-d0e104d9-48be-4d20-a3b3-4bcebb4f6c09.svg)



🙋‍♂️ Introduction


👋 Front-End Web Developer



❤ UI & UX

❤ Web Accessibility

❤ Interactive Web

❤ Refactoring

❤ Design

❤ Animation









  

  

  






  
🛠 Skills


### 🔨 Front-End

   ![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white) 


![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white)

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)

![React Router](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge&logo=react-router&logoColor=white)

![React Hook Form](https://img.shields.io/badge/React%20Hook%20Form-%23EC5990.svg?style=for-the-badge&logo=reacthookform&logoColor=white) 


![React Query](https://img.shields.io/badge/-React%20Query-FF4154?style=for-the-badge&logo=react%20query&logoColor=white)

![GraphQL](https://img.shields.io/badge/-GraphQL-E10098?style=for-the-badge&logo=graphql&logoColor=white)

![Apollo-GraphQL](https://img.shields.io/badge/-ApolloGraphQL-311C87?style=for-the-badge&logo=apollo-graphql) 


![Redux](https://img.shields.io/badge/redux-%23593d88.svg?style=for-the-badge&logo=redux&logoColor=white) ![Recoil](https://img.shields.io/badge/Recoil-007af4.svg?style=for-the-badge&logo=data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FscXVlXzEiIGRhdGEtbmFtZT0iQ2FscXVlIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI1NS4yMSA2MjMuOTEiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDp3aGl0ZX08L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im03NC42MiAyNzcuNDYgMS4yNC0uMTMgMzQuNzgtMy4yOC01My40Ny01OC42NkE5Ni40NyA5Ni40NyAwIDAgMSAzMiAxNTAuM0gzYTEyNS4zIDEyNS4zIDAgMCAwIDMyLjggODQuNTdaTTE3Ny4xMyAzNDdsLTM2IDMuNCA1My4zMiA1OC41MUE5Ni40MSA5Ni40MSAwIDAgMSAyMTkuNjMgNDc0aDI4LjkyYTEyNS4yOCAxMjUuMjggMCAwIDAtMzIuNzYtODQuNTdaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjUzLjY5IDIzMS42OGMtNi4zMy0zMS4zLTMwLjg5LTU0LjA5LTYyLjU3LTU4LjA3bC02LjM1LS43OWE0OS42MSA0OS42MSAwIDAgMS00My4zNS00OS4xM3YtMjBhNTIuNzUgNTIuNzUgMCAxIDAtMjguOTEtLjM2djIwLjM4YTc4LjU2IDc4LjU2IDAgMCAwIDY4LjY1IDc3LjgybDYuMzYuOGMyMy4yNCAyLjkyIDM0Ljc4IDIwIDM3LjgzIDM1LjFzLS45MyAzNS4zMi0yMS4yMiA0N2E3My44MSA3My44MSAwIDAgMS0zMC4wNiA5LjYybC05NS42NiA5YTEwMi40NSAxMDIuNDUgMCAwIDAtNDEuOCAxMy4zOEM5IDMzMi40NS00LjgxIDM2MyAxLjUyIDM5NC4yOXMzMC44OSA1NC4wOCA2Mi41NyA1OC4wNmw2LjM1LjhhNDkuNiA0OS42IDAgMCAxIDQzLjM1IDQ5LjEydjE4YTUyLjc1IDUyLjc1IDAgMSAwIDI4LjkxLjI2di0xOC4yNmE3OC41NSA3OC41NSAwIDAgMC02OC42NS03Ny44MWwtNi4zNi0uOGMtMjMuMjQtMi45Mi0zNC43OC0yMC4wNS0zNy44My0zNS4xMXMuOTMtMzUuMzIgMjEuMjItNDdhNzMuNjggNzMuNjggMCAwIDEgMzAuMDYtOS42M2w5NS42Ni05YTEwMi40NSAxMDIuNDUgMCAwIDAgNDEuOC0xMy4zOGMyNy42NS0xNi4wMiA0MS40LTQ2LjU0IDM1LjA5LTc3Ljg2WiIvPjwvc3ZnPg==&logoColor=white)

![Zustand](https://img.shields.io/badge/zustand-%2320232a.svg?style=for-the-badge&logo=react&logoColor=white) 


![SASS](https://img.shields.io/badge/SASS-hotpink.svg?style=for-the-badge&logo=SASS&logoColor=white)

![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)

![Styled Components](https://img.shields.io/badge/styled--components-DB7093?style=for-the-badge&logo=styled-components&logoColor=white) 


![Threejs](https://img.shields.io/badge/threejs-black?style=for-the-badge&logo=three.js&logoColor=white)

 


![Webpack](https://img.shields.io/badge/webpack-%238DD6F9.svg?style=for-the-badge&logo=webpack&logoColor=black)

![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge&logo=vite&logoColor=white)

![Jest](https://img.shields.io/badge/-jest-%23C21325?style=for-the-badge&logo=jest&logoColor=white)

![Storybook](https://img.shields.io/badge/-Storybook-FF4785?style=for-the-badge&logo=storybook&logoColor=white) 

### 🔨 Back-End

![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white)

![Express.js](https://img.shields.io/badge/express.js-%23404d59.svg?style=for-the-badge&logo=express&logoColor=%2361DAFB)

![MongoDB](https://img.shields.io/badge/MongoDB-%234ea94b.svg?style=for-the-badge&logo=mongodb&logoColor=white)

### 🔨 ETC

![AWS](https://img.shields.io/badge/AWS-%23FF9900.svg?style=for-the-badge&logo=amazon-aws&logoColor=white)

![Google Cloud](https://img.shields.io/badge/GoogleCloud-%234285F4.svg?style=for-the-badge&logo=google-cloud&logoColor=white)

### 🔨 Design

 ![Adobe XD](https://img.shields.io/badge/Adobe%20XD-470137?style=for-the-badge&logo=Adobe%20XD&logoColor=#FF61F6) 


![Adobe Photoshop](https://img.shields.io/badge/adobe%20photoshop-%2331A8FF.svg?style=for-the-badge&logo=adobe%20photoshop&logoColor=white)

![Adobe Illustrator](https://img.shields.io/badge/adobe%20illustrator-%23FF9A00.svg?style=for-the-badge&logo=adobe%20illustrator&logoColor=white)  


![Adobe Premiere Pro](https://img.shields.io/badge/Adobe%20Premiere%20Pro-5d5ddc.svg?style=for-the-badge&logo=Adobe%20Premiere%20Pro&logoColor=white)

![Adobe After Effects](https://img.shields.io/badge/Adobe%20After%20Effects-9d5ddc.svg?style=for-the-badge&logo=Adobe%20After%20Effects&logoColor=white)

  

  
🗂 Projects


  

    
🌳 Plant Community Service "Grow Story"

     

  #### 📌 Result image

  

    

  #### 📌 Result site

  [Go to Website](https://growstory.vercel.app/)

    

  #### 📌 Repository

  [Go to GitHub Repository](https://github.com/codestates-seb/seb45_main_011)

    

  


  

    
😺 Pokédex Service "My Pokedex"

     

  #### 📌 Result image

  

    

  #### 📌 Result site

  [Go to Website](https://my-poke-dex.vercel.app/)

    

  #### 📌 Repository

  [Go to GitHub Repository](https://github.com/My-Pokedex/my-pokedex-client)

    

  #### 📌 Process

  [Go to Notion](https://my-pokedex.notion.site/Pokedex-0757927d7a40462abdd096025e2f8927?pvs=4)

    

  

  

  

    
💿 Vinyl Collection Management Service "33 1/3"

    

  #### 📌 Result image

  

    

  #### 📌 Result site

  [Go to Website](https://33-1-3.com/)

    

  #### 📌 Repository

  [Go to GitHub Repository](https://github.com/33-1-3/33-1-3)


  

  

    
📅 Calendar Application "Piece-Plan"

    

  #### 📌 Result image

  

    

  #### 📌 Result site

  [Go to Website](https://piece-plan.du.r.appspot.com/)

    

  #### 📌 Repository

  [Go to GitHub Repository](https://github.com/Company-People/Piece-Plan)

    

  #### 📌 Process

  [Go to Wiki](https://github.com/Company-People/Piece-Plan/wiki)

    

  


  

    
🍧 Improving the Baskin Robbins Korean Website

    

  #### 📌 Result image

  

  

  #### 📌 Result site

  [Go to Website](https://baskin-robbins-31.github.io/Baskin-Robbins-31/)

    

  #### 📌 Repository

  [Go to GitHub Repository](https://github.com/Baskin-Robbins-31/Baskin-Robbins-31)

    

  #### 📌 Process

  [Go to Wiki](https://github.com/Baskin-Robbins-31/Baskin-Robbins-31/wiki)

    

  

  









  

[![Nalsae's GitHub stats](https://github-readme-stats.vercel.app/api?username=nalsae&show_icons=true&title_color=6C5B4A&icon_color=C0B6A7&text_color=6e6e6e)](https://github.com/anuraghazra/github-readme-stats)





[![Hits](https://hits.seeyoufarm.com/api/count/incr/badge.svg?url=https%3A%2F%2Fgithub.com%2Fnalsae&count_bg=%23C0B6A7&title_bg=%236C5B4A&icon=&icon_color=%23E7E7E7&title=hits&edge_flat=false)](https://hits.seeyoufarm.com)







  

![main_footer](https://user-images.githubusercontent.com/101828759/210100620-12359bab-786f-427f-9e94-63567ceca373.svg)