This repository contains the code for my personal website, which serves as a professional portfolio to showcase my skills and projects. The website is built using Next.js, tRPC, and TailwindCSS, and is powered by Bun for fast and efficient server-side rendering and performance.
- Next.js – React framework for server-side rendering and static site generation
- tRPC – Type-safe API communication between the client and server
- TailwindCSS – Utility-first CSS framework for styling and responsiveness
- React Hook Form – Managing form state and validation
- React Query – Data fetching and caching for efficient state management
- shadcn/ui – A set of accessible UI components built with TailwindCSS
- Lucide Icons – Open-source icons for modern design elements
- Bun – High-performance JavaScript runtime for fast server-side rendering
- Portfolio Showcase: Highlights my skills, professional experience, and key projects.
- Responsive Design: Optimized for seamless viewing on mobile, tablet, and desktop devices.
- Dark Mode: Users can switch between light and dark themes.
- Fast and Lightweight: Powered by Bun for optimal performance and minimal dependencies.
The website features a dedicated portfolio section that showcases my technical skills, career highlights, and key projects, providing potential employers and collaborators with an overview of my professional work.
Users can toggle between light and dark themes, ensuring a comfortable viewing experience regardless of their environment.
The layout is optimized for different screen sizes, ensuring that the website provides a smooth user experience across devices, whether it's a phone, tablet, or desktop.
To run this project locally using Bun, follow these steps:
-
Clone the repository:
git clone https://github.com/darwin-luque/personal-website cd personal-website -
Install the dependencies using Bun:
bun install
-
Create a
.envfile in the root directory using the provided.env.examplefile as a template. -
Run the development server:
bun run dev
-
Open your browser and visit
http://localhost:3000to view the site locally.
- SEO Optimization: Implement meta tags and structured data for better search engine visibility.
- Blog: Add a blog section to share articles, tutorials, and insights.
- Performance Improvements: Continuously optimize load times and resource usage.
Check out the live version of my website: darwinluque.me
Feel free to connect with me for collaboration or inquiries:
- LinkedIn: Darwin Luque
- GitHub: darwin-luque