Skip to content

trickrenzgarcia/rwick

Repository files navigation

Portfolio Website Design 🎨

An open-source portfolio website design built with Next.js, featuring modern UI components and animations. Feel free to use this design as inspiration or a starting point for your own portfolio!

Portfolio Preview

✨ Features

  • Modern and responsive design
  • Dark/light mode toggle
  • Smooth animations and transitions
  • Project showcase with dynamic cards
  • Built with Next.js 15+ and TypeScript
  • Styled with Tailwind CSS + Shadcn
  • Database integration with Drizzle ORM
  • Authentication ready with NextAuth.js

🚀 Getting Started

Prerequisites

Make sure you have Node.js 18+ installed on your machine.

Clone the Repository

git clone https://github.com/trickrenzgarcia/rwick
cd rwick

Install Dependencies

npm install
# or
yarn install
# or
pnpm install
# or
bun install

Run the Development Server

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start customizing the design by modifying src/app/page.tsx. The page auto-updates as you edit the file.

🛠️ Tech Stack

  • Framework: Next.js 14+ with App Router
  • Language: TypeScript
  • Styling: Tailwind CSS
  • UI Components: Custom components with Radix UI primitives
  • Database: SQLite with Drizzle ORM
  • Authentication: NextAuth.js
  • Fonts: Geist font family

📁 Project Structure

src/
├── app/                 # Next.js app router pages
├── components/          # Reusable UI components
├── drizzle/            # Database schema and migrations
├── hooks/              # Custom React hooks
├── lib/                # Utility functions and configurations
└── types/              # TypeScript type definitions

🎨 Customization

This design is meant to be customized! Here are some areas you might want to modify:

  • Colors & Theme: Update the CSS variables in src/app/globals.css
  • Components: Modify components in src/components/ to match your style
  • Content: Update the project data and personal information
  • Animations: Customize animations in the component files

📄 License

This project is open source and available under the MIT License.

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

💖 Support

If you found this design helpful, consider:

  • ⭐ Starring this repository
  • 🍴 Forking it for your own use
  • 📢 Sharing it with others

📚 Learn More

To learn more about the technologies used:

Releases

No releases published

Packages

No packages published