Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/joacod/mycv

My resume. Created using Bun, Next.js, Typescript, Tailwind CSS and daisyUI.
https://github.com/joacod/mycv

bun daisyui next-intl nextjs react tailwindcss typescript zustand

Last synced: about 23 hours ago
JSON representation

My resume. Created using Bun, Next.js, Typescript, Tailwind CSS and daisyUI.

Awesome Lists containing this project

README

        

# My CV

[![Vercel](https://vercelbadge.vercel.app/api/joacod/mycv)](https://mycv-blush.vercel.app/)
[![GitHub](https://img.shields.io/github/license/mashape/apistatus.svg)](https://github.com/joacod/mycv/blob/main/LICENSE)

[![Bun](https://img.shields.io/badge/Bun-%23000000.svg?style=for-the-badge&logo=bun&logoColor=white)](https://bun.sh/)
[![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)](https://react.dev/)
[![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white)](https://nextjs.org/)
[![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)](https://www.typescriptlang.org/)
[![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)](https://tailwindcss.com/)

## 👋 Introduction

This is my resume, created using [Bun](https://bun.sh/), [Next.js](https://nextjs.org/), [Typescript](https://www.typescriptlang.org/), [Tailwind CSS](https://tailwindcss.com/), and [daisyUI](https://daisyui.com/) 🌼.


Thumbnail 1
Thumbnail 2
Thumbnail 3


Thumbnail 1
Thumbnail 2
Thumbnail 3

## 💻 Development

**Install dependencies:**

```bash
bun install
```

**Run the development server:**

```bash
bun dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the web.

## 🔶 Want to use this project for your resume page?

Sure! You can fork this project and change the content with your own information.

> Personal information -> `utils/devInfo.ts`

> Site content -> `dictionaries folder`

> Experience section -> `utils/clients.ts`

> Change themes -> `tailwind.config.js`

Any other changes possible? Well... is React and Tailwind CSS, so you can do whatever you want! 🤓

_Keep the credits, it is a way to thank me for the work done._ 🙏

## 📚 Other Libraries

Other libraries used in this project:

- [zustand](https://zustand-demo.pmnd.rs/) 🐻 - A small, fast, and scalable bearbones state management solution
- [next-intl](https://next-intl-docs.vercel.app/) - Internationalization for Next.js
- [clerk](https://clerk.com/) - User management platform
- [prettier](https://prettier.io/) - Code formatter
- [prettier-plugin-tailwindcss](https://github.com/tailwindlabs/prettier-plugin-tailwindcss) - Prettier plugin for Tailwind CSS that automatically sorts classes
- [react-icons](https://react-icons.github.io/react-icons/) - Include popular icons in your React projects easily
- [ua-parser-js](https://uaparser.js.org/) - Library to detect user's Browser, Engine, OS, CPU, and Device
- [canvas-confetti](https://www.kirilv.com/canvas-confetti/) 🎊 - Performant confetti animation in the browser
- [tailwindcss-animated](https://www.tailwindcss-animated.com/) - Extended animation utilities for Tailwind CSS

## 🔌 VS Code Extensions

We recommend the following VS Code extensions for this project:

- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) - Integrates ESLint JavaScript into VS Code.
- [Prettier - Code formatter](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) - Code formatter using prettier.
- [Tailwind CSS IntelliSense](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss) - Intelligent Tailwind CSS tooling for VS Code.
- [Tailwind Fold](https://marketplace.visualstudio.com/items?itemName=stivo.tailwind-fold) - Improve the readability of your code by automatically "folding" long class attributes.

## ☕️ Did you like the project?

You can colaborate with me giving a star ⭐️ to the project or

[!["Buy Me A Coffee"](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/joacod)

Thanks! 😃