트친소 짤 생성기 / website about self introduce for twitter-friend

Overview

Twitter Friend

Introduction

트친소란 트위터에서 SNS 친구를 구할 때, 스스로를 소개하는 것이다.

사진 형태의 자기소개서와 올리는 경우가 많으며, 계정의 주제에 맞는 자기소개서 형식의 이미지를 다운 받아 직접 작성하는 방식이 널리 쓰인다.

이미지를 편집하는 것은 그림판을 쓰기엔 불편하고 다른 프로그램을 쓰기엔 이미지 편집에 익숙하지 않은 사람들이 많다.

이에 입력을 통해 쉽게 트친소 이미지를 생성해 다운받을 수 있는 사이트를 만들었다.

Website URL

https://twitter-friend.vercel.app/

Templates

계정의 주제에 따라 트친소 이미지의 형식도 달라진다. 이에 여러 주제에 맞는 템플릿을 만들고 있다.

템플릿마다 아래와 같은 정보를 적을 수 있다.

  • 트친소(기본)
    • 트위터 닉네임, 트위터 ID, 깃헙, 웹사이트1, 웹사이트2, 트윗 주요 콘텐츠, 좋아하는 것, 싫어하는 것, 소개글
  • 알고리즘 트친소
    • 트친소(기본) + 온라인 저지(백준, 코드포스, 앳코더)
  • 프론트엔드 트친소
    • 트친소(기본) + 기술 스택(프론트엔드 및 협업과 관련된 기술 스택)

Development Stacks

  • React(Next.js), MobX, Emotion, Canvas, Vercel, Typescript, Google Analytics

How to run

# install 
yarn install
# development run 
yarn dev
# production run
yarn run build
yarn start

Authors

Development: twitter @ shinhyun_main

Idea: twitter @ horse_sensei

You might also like...

Neptune Mutual website

Neptune Mutual - Website An open source interface for Neptune Mutual — a protocol that provides you with guaranteed stablecoin liquidity to reduce you

May 22, 2022

My JAMStack website/blog [Next / MDX / ChakraUI]

My JAMStack website/blog [Next / MDX / ChakraUI]

carlosazaustre.es Personal website/blog Technologies used Next.js React.js @emotion/styled ChakraUI MarkdownX Vercel Support If you like my work, you

Dec 25, 2022

My personal website.

My personal website.

Getting Started First, copy .env.example and paste as .env.local, fill all field: NEXT_PUBLIC_CONTENTFUL_SPACE_ID = '' NEXT_PUBLIC_CONTENTFUL_ACCESS_K

Dec 26, 2022

simple static website generator

mkweb mkweb is a simple static website generator for NodeJS Features: Simple and fast Templates (currently hard coded to "template.html") Markdown wit

Nov 6, 2022

Website yang memberikan informasi terkait ketersediaan rumah sakit dan tempat tidur rumah sakit untuk pasien covid-19 ataupun non-covid di Indonesia.

Website yang memberikan informasi terkait ketersediaan rumah sakit dan tempat tidur rumah sakit untuk pasien covid-19 ataupun non-covid di Indonesia.

Bed Covid RS Indonesia Website yang memberikan informasi terkait ketersediaan rumah sakit dan tempat tidur rumah sakit untuk pasien covid-19 ataupun n

Oct 23, 2022

This is my portfolio GitHub clone website. The frontend is build using NextJS and TailwindCSS.

This is my portfolio GitHub clone website. The frontend is build using NextJS and TailwindCSS.

Github Clone Portfolio Website Tech Stack used: NextJS Tailwind CSS The contact form in this website is connected to Notion. If you want to integrate

Oct 5, 2022

Open-source website for the 4C

Open-source website for the 4C

4c Repository for the 4c.rocks webiste. The Cool Community For Content Creators or 4c, is a community to connect with other like-minded creators, coll

Jan 4, 2023

This is the main #ASKnet Website

This is the main #ASKnet Website

Agency Jekyll Theme Preview - click for live demo Warning ⚠️ Notice for those using legacy Formspree contact forms: ⚠️ Email-based forms are being pha

Mar 10, 2022

My website. Portfolio and blog in one.

Infi.sh The code that's running infi.sh. License This project is licensed under the MIT license. This excludes all of the content in the public/ and _

Sep 18, 2022
Owner
Shin Hyun
⚡ Interested in Algorithm, TeX, and Frontend, Backend⚡
Shin Hyun
Twitter-client - client for twitter-clone

Twitter (Client-Side Rendering) Please star this repo if you like ⭐ It's motivates me a lot! Getting Started This project was bootstrapped with Create

Ruslan Shvetsov 3 Jul 29, 2022
:art: Color Pickers from Sketch, Photoshop, Chrome, Github, Twitter & more

React Color 13 Different Pickers - Sketch, Photoshop, Chrome and many more Make Your Own - Use the building block components to make your own Demo Liv

case 11.2k Jan 6, 2023
Render URL links for Web & Twitter previews

expo-link-preview Render URL links for Web & Twitter previews Built with react-native using expo. Installation # yarn yarn add expo-link-preview # np

null 17 Dec 30, 2022
Take back your twitter feed, by instantly muting all engagement farmers.

Take back your Twitter feed Obliterate all ?? ?? 's from your feed with one-click, and go back to enjoying the content you actually care about. mute.g

Miguel Piedrafita 18 Oct 15, 2022
ReactJS-Travel-Website - This is a travel(adventure) website made with ReactJS.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Saurav Dhakal 1 Jan 1, 2022
Math Magicians is a website for performing basic maths calculations, This website is built using REACT and JavaScript libraries.

Math Magicians Math Magicians is a website for performing basic maths calculations, This website is built using REACT and JavaScript libraries. Screen

Ranjeet Singh 12 Oct 20, 2022
The Bookstore is a website similar to the "Awesome Books" website built in the previous module. You will create an MVP version of it that allows you to: Display a list of books. Add a book. Remove a selected book.

Bookstore The Bookstore is a website similar to the "Awesome Books" website built in the previous module. You will create an MVP version of it that al

Anuar Shaidenov 6 Jun 12, 2022
Terminal Styled Portfolio Website ˋ( ° ▽、° ) , a terminal style/styled portfolio website made with <3 using react.

AshTerm A Terminal Styled Portfolio Website. ??‍?? Made Using- ⚛ Framework ReactJS ?? Terminal react-console-emulator ?? Deployed using CloudFlare Run

ashish 67 Nov 22, 2022
The Bookstore is a website similar to the "Awesome Books" website. Here we will create an MVP version of it that allows you to: Display a list of books, Add a book and Remove a selected book.

Book Store This is Book Store project. Built With HTML CSS JavaScript React Screenshot Live Demo Go Live ?? Getting Started Open dev branch Open VSCod

Tadesse Alemayehu 5 May 3, 2022
⚡️ Look for Covid-19 Resources, Get Vaccine Availability Notification, Complete source code for covidrescue.co.in website.

covidrescue.co.in ⚡️ Get real-time, verified leads on Oxygen, Remdesivir, ICU, Beds, Food and more based on your location. Get notifications on Vaccin

Placeholder Tech 15 Jul 10, 2022