✨This is My Personal Website's Source Code. πŸ‘¨β€πŸ’» I Make it with Next.js and WindiCSS

Overview

🌐 drackin.tk

  • This is my personal website with Next.js + WindiCSS

☁ Weather API

You can use my Weather API to see weather of locations.

Simple Request

fetch("https://drackin.tk/api/weather?city=california&degree=celcius")
.then(response => response.json()
    .then(res => {
        console.log(res)
    })
)

[
    {
        location: "California",
        ...
    }
    ...
]

Tweet Generator API

You can use my Tweet Generator API to generate Tweet Image.

Simple Request

fetch("https://drackin.tk/api/twitter?avatar=https://avatars.githubusercontent.com/u/78258229?v=4&content=Test%20Tweet&fullname=Drackin&username=drackin_best")
.then(response => response.blob()
    .then(res => {
        const img = document.getElementById("img");
        img.src = res;
    })
)

πŸ“š I Used This Libraries

You might also like...

Starter template for a personal website blog, built with Next.js, MDX, and Tailwind CSS.

nextjs-mdx-blog-theme View: demo site Framework: Next.js Deployment: Vercel Content: MDX Styling: Tailwind CSS Running Locally $ git clone https://git

Dec 26, 2022

My personal website built with Next.js, TypeScript, twin.macro, Framer Motion, MDX and deployed on Vercel.

chrvaskos.com My personal website / blog built with some of my favorite technologies where I can showcase my work and write articles about anything ne

Mar 25, 2022

⚑ Personal website and blog made using TypeScript, Next.js, Tailwind CSS.

⚑ Personal website and blog made using TypeScript, Next.js, Tailwind CSS.

小康 blog View Demo · Report Bug · Request Feature 🌍 honghong.me Framework: Next.js Database: Planetscale ORM: Prisma Authentication: NextAuth.js Deplo

Dec 31, 2022

My personal website – Built using Next.js, TypeScript, MDX, Sanity.io and Tailwind

kenaqshal.com Framework: Next.js Database: PlanetScale ORM: Prisma Authentication: NextAuth.js Deployment: Vercel CMS: Sanity Styling: Tailwind CSS Ov

Nov 24, 2022

100 Days of Code is a self improvement tool, where you make a commitment to solve 1 coding problem everyday for the next 100 days.

100 Days of Code is a self-improvement tool, where you make a commitment to solve 1 coding problem everyday for the next 100 days. This repository includes a range of tasks, lessons, resources, and challenges on various programming languages to help improve programming skills.

Dec 14, 2022

In this project, I restructure my previous Awesome books app code. The goal is to practice ES6 syntax and also make the code more organized by using ES6 modules.

Awesome Books In this project, I will restructure my previous Awesome books app code. The goal is to make it more organized by using modules. I will a

Aug 23, 2022

"Trying" to code my personal website

Preview (just a prototype) Dark mode White mode This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the developmen

Jan 31, 2022

Personal project to a student schedule classes according his course level. Using GraphQL, Clean Code e Clean Architecture.

Personal project to a student schedule classes according his course level. Using GraphQL, Clean Code e Clean Architecture.

classes-scheduler-graphql This is a personal project for student scheduling, with classes according his course level. I intend to make just the backen

Jul 9, 2022

This project is for hacktoberfest to encourage new developer and open source developers to contribute to open source and improve skills which require debugging, write testable code, industry standards, problem solving and many more,

This project is for hacktoberfest to encourage new developer and open source developers to contribute to open source and improve skills which require debugging, write testable code, industry standards, problem solving and many more,

πŸš€ Blog project for hacktoberfest In this repository, you can find issues related to a blog project that is built on top of Next.js. The project is a

Oct 9, 2022
Releases(v2.0)
Owner
Drackin Best
Full Stack Developer. I Know: JavaScript, Python, C#, HTML & CSS
Drackin Best
Another CSS style library, used for my personal branding and to make websites prettier!

furret.css My personal website styling toolkit, modeled after the lovely Water.css by Kognise. Written to allow quick and beautiful styling for simple

Ray 14 Dec 23, 2022
Nuxt3 template with Windicss + Pinia + Vitest + Playwright

Nuxt 3 Template Nuxt 3 template repository Look at the nuxt 3 documentation to learn more. Used Technologies Usage Setup Make sure to install the depe

Igor Makowski 5 Dec 14, 2022
Source code my personal website is written using Next.js, Tailwind CSS and Chakra UI

Homepage Overview. / Home page. pages/blog/[slug] - Static pages/social - Social page. pages/photos - Photos page. pages/activites - Activites page Di

Adem Can 6 Dec 13, 2022
A web component that allows you to run high level programming languages on your websites (static websites included!)

Code-Runner-Web-Component A web component that allows you to run high level programming languages on your website via the public Piston API Show your

Marketing Pipeline 28 Dec 16, 2022
A personal semantic search engine capable of surfacing relevant bookmarks, journal entries, notes, blogs, contacts, and more, built on an efficient document embedding algorithm and Monocle's personal search index.

Revery ?? Revery is a semantic search engine that operates on my Monocle search index. While Revery lets me search through the same database of tens o

Linus Lee 215 Dec 30, 2022
Superkeys allow users to add short keys for websites and make search query in those sites.

Superkeys is a browser extension which allow users to add short keys for websites and make search query in those sites. Made with ❀️ @nilooy ??‍?? Dem

Niloy 9 Aug 17, 2022
A drop-in collection of CSS styles to make simple websites just a little nicer

Water.css ?? A drop-in collection of CSS styles to make simple websites just a little nicer Goals Responsive Themeable Good browser support (works on

Kognise 7.5k Jan 4, 2023
πŸ›  Building a Headless CMS with all the essential features for business representative websites to make πŸš€

Isomera - headless CMS for business representative websites SaaS that is hosted on the cloud and built by community. To make developer life easy. ⚠️ A

Cortip 8 Dec 3, 2022
A library for boolean aliases to help you make your code more confusing and make your coworkers hate you.

yup-nope A library for boolean aliases to help you make your code more confusing and make your coworkers hate you. Installation Using npm: npm install

Bence A. TΓ³th 4 Dec 10, 2022
Create content rich websites with ease - built on next.js, contentlayer and tailwindcss

Pliny Note: Pliny is currently in alpha. Expect breaking changes. Pliny makes creating, editing and publishing markdown content easy and simple. It is

Timothy 72 Dec 30, 2022