Yusril Prayoga - Portfolio Website

Description

Welcome to the repository of my personal portfolio website. This site showcases my skills, projects, and professional journey as a developer. Built with modern web technologies, it offers a sleek, responsive design that highlights my work and expertise.

Visit the live site: https://yusrilprayoga.vercel.app/ visit the cloud run: https://yusril-koinkmz7dq-et.a.run.app

Features

• 🎨 Modern and responsive design
• 🚀 Fast performance with Next.js
• 💼 Showcase of projects and skills
• 📱 Mobile-friendly layout
• 🌓 Dark mode support
• 🔧 Easy to update and maintain

Technologies Used

• Next.js - React framework for production
• Aceternity UI - Modern UI components for Next.js
• React - JavaScript library for building user interfaces
• Tailwind CSS - Utility-first CSS framework
• TypeScript - Typed superset of JavaScript
• Vercel - Platform for deploying and hosting

Prerequisites

• Node.js (v14 or later)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/yusrilprayoga-code/portfolio-website.git
   cd portfolio-website
   

2. Install dependencies:

   npm install
   

   or

   yarn install
   

3. Run the development server:

   npm run dev
   

   or

   yarn dev
   

4. Open http://localhost:3000 in your browser to see the application.

Usage

Customizing Content

1. Navigate to the data directory.
2. Edit the JSON files to update your personal information, projects, and skills.

Adding New Projects

1. Go to data/projects.js.
2. Add a new project object with details like title, description, image, and links.

Modifying Styles

1. Tailwind classes can be modified directly in the component files.
2. For custom styles, edit the styles/globals.css file.

Deploying

This project is set up for easy deployment on Vercel:

1. Push your changes to your GitHub repository.
2. Connect your repository to Vercel.
3. Vercel will automatically deploy your site on every push to the main branch.

Project Structure

├── components/     # React components
├── pages/          # Next.js pages
├── public/         # Static assets
├── styles/         # CSS styles
├── data/           # Content data
├── lib/            # Utility functions
└── README.md       # This file

Contributing

This is a personal portfolio website, so I'm not actively seeking contributions. However, if you have suggestions or find bugs, feel free to open an issue.

License

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

Acknowledgements

• Aceternity UI for the beautiful UI components
• Next.js Documentation for the excellent guides
• Vercel Platform for hosting and continuous deployment

---

Created by Yusril Prayoga. Connect with me on LinkedIn or Twitter.