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

https://github.com/cbmongithub/cbm_2024

My 2024 portfolio
https://github.com/cbmongithub/cbm_2024

biome blog bright devblog nextjs nextjs15 tailwindcss tailwindcssv4

Last synced: 24 days ago
JSON representation

My 2024 portfolio

Awesome Lists containing this project

README

          

Christian B. Martinez cbm_2024 repo image

# cbm_2024
Welcome to my 2024 portfolio! This project showcases my portfolio of works and a blog using the latest web technologies.

## Table of Contents
- [About](#about)
- [Technologies Used](#technologies-used)
- [Getting Started](#getting-started)
- [Contributors](#contributors)
- [Special Thanks](#special-thanks)

## About
This portfolio is a personal project to demonstrate my skills in web development, particularly with Next.js, React, and Tailwind CSS. It includes various projects and showcases my ability to build modern, responsive web applications.

## Technologies Used
This project leverages a variety of modern web technologies and tools:

### Frontend
- **Next.js**: A React framework for production.
- **React**: A JavaScript library for building user interfaces.
- **Tailwind CSS**: A utility-first CSS framework for rapid UI development.
- **Geist Fonts**: Vercel (Geist UI) sans and mono fonts.

### Backend and Build Tools
- **TypeScript**: A typed superset of JavaScript that compiles to plain JavaScript.
- **PostCSS**: A tool for transforming CSS with JavaScript plugins.
- **Sharp**: High-performance image processing in Node.js.
- **Bright**: A new tool for using vscode styled themes with zero dependencies.
- **Biome**: A new tool used as a drop in replacement for eslint and prettier.

### Analytics and Performance
- **@vercel/analytics**: Analytics for Vercel deployments.
- **@vercel/speed-insights**: Performance insights for Vercel deployments.

### Development Dependencies
- **@tailwindcss/postcss**: Tailwind CSS plugin for PostCSS.
- **@tailwindcss/typography**: Tailwind CSS plugin for prose typography.
- **@types/node**: TypeScript definitions for Node.js.
- **@types/react**: TypeScript definitions for React.
- **@types/react-dom**: TypeScript definitions for React DOM.

## Getting Started
To get started with this project, follow these steps:

1. **Clone the repository**:
```bash
git clone https://github.com/cbmongithub/cbm_2024.git
cd cbm_2024
```

2. **Install dependencies**:
```bash
bun install
```

3. **Run the development server**:
```bash
bun run dev
```

4. **Build the project**:
```bash
bun run build
```

5. **Start the production server**:
```bash
bun run start
```

## Contributors
This project is made possible thanks to the following contributors:

- **Christian B. Martinez**: [Website](https://christianbmartinez.com)
- **Lee Rob**: [Vercel](https://vercel.com)

## Special Thanks
Special thanks to the following individuals and projects:

- **Marcin Jozwiak**: [Pexels Profile](https://www.pexels.com/@marcin-jozwiak-199600/)
- **Lee Robinson** and contributors to the [Next.js blog portfolio starter](https://github.com/vercel/examples/tree/main/solutions/blog)
- **Tailwind UI**: [Tailwind Spotlight](https://spotlight.tailwindui.com/) Misc components
- **ui.belick.com**: For the spotlight [component](https://ui.ibelick.com/)

---

Thank you for checking out my portfolio! Feel free to explore the projects and reach out if you have any questions or feedback.