Kshitij-Darwhekar / Kshitij-Website

Portfolio Website

This is a portfolio website built using Next.js and Tailwind CSS. It showcases my projects, skills, and provides information about me.

• 🌐 Visit the Website : https://kshitijdarwhekar.com
• 📝 Read the blog : https://medium.com/@kshitijdarwhekar/introduction-626e131561ee

Table of Contents

• Features
• Technologies
• Images
• Getting Started
• Project Structure
• Color References
• Deployment
• Customization
• Contributing

Features

• Responsive design for optimal viewing across different devices.
• Home section with a brief introduction and call-to-action.
• Projects section to showcase my portfolio with project details.
• Skills section to highlight my technical skills and expertise.
• About Me section to provide information about my background, experience, and education.
• Contact section with a contact form for visitors to get in touch.
• Smooth scrolling navigation with active section highlighting.
• Integration with Next.js for server-side rendering and routing.
• Utilization of Tailwind CSS for rapid and flexible styling.

Technologies

The portfolio website is built using the following technologies:

• Next.js: A React framework for server-side rendering and client-side rendering.
• Tailwind CSS: A utility-first CSS framework for rapid UI development.
• HTML: Markup language for structuring the web pages.
• CSS: Styling language for defining the appearance of the website.

Images

Dark Mode

• Landing Page

  

• About Section

  

• Skills Section

  

• Portfolio Section

  

• Contact Me

  

• Footer

  

Light Theme

• Landing Page

  

• About Section

  

• Skills Section

  

• Portfolio Section

  

• Contact Me

  

• Footer

  

Getting Started

To run the portfolio website on your local machine, follow these steps:

1. Clone the repository:

git clone https://github.com/Kshitij-Darwhekar/Kshitij-Website.git

2. Navigate to the project directory:

cd portfolio-website

3. Install the dependencies:

npm install

4. Start the development server:

npm run dev

5. Open your browser and visit http://localhost:3000 to view the website.

Project Structure

The project structure is organized as follows:

• src/app/: Contains the Next.js pages for different sections of the website.
• public/: Contains static assets such as images, icons, and resume file.

Color References

• The colors used in website are provided in public/Website_Colors

Deployment

To deploy the portfolio website to a hosting platform, follow the deployment instructions provided by the platform of your choice. Here are a few options:

• Vercel: Refer to the Vercel documentation for instructions on deploying Next.js projects.
• Netlify: Refer to the Netlify documentation for instructions on deploying static sites.
• Alternatively you can deploy website on your personal Virtual Private Server (VPS).

Remember to set up the necessary environment variables if your website requires API keys or other sensitive information.

Customization

You can customize the portfolio website to suit your needs. Here are some possible customization options:

• Update the content in each section of the website with your own information.
• Add or remove sections as per your requirements.
• Modify the styling using Tailwind CSS classes or custom CSS styles.
• Replace the logo and favicon with your own branding assets.
• Make sure you change the Formspree endpoint in the code.
• Integrate additional functionality such as a blog or social media links.

Feel free to explore the code and make modifications according to your preferences.

Contributing

Contributions to the portfolio website project are welcome! If you encounter any issues, have suggestions, or want to contribute new features, please open an issue or submit a pull request.