Portfolio

This repository contains the source code for my personal portfolio website, built using React & Tailwind CSS with the help of Claude AI.

Deployed Website

The website is deployed on My Github Page.

Features

• Responsive Design: The website is designed to be fully responsive and optimized for various screen sizes.
• Dynamic Content: Data-driven sections for easy updates.

Technologies Used

• React: A JavaScript library for building user interfaces.
• Tailwind CSS: A utility-first CSS framework for quickly building custom designs.
• Parcel: A web application bundler that supports zero configuration and out-of-the-box support for React.

Project Structure

• index.html: The main HTML file that includes the root element for the React application.
• index.js: The entry point for the React application.
• css/output.css: The main Tailwind stylesheet for the project.
• app/: The main application directory.
  • portfolio.js: The data for the portfolio section.
• data/: The data directory.
  • personalInfo.json: The data for the personal information section.
  • work.json: The data for the work experience section.
  • projects.json: The data for the projects section.
  • blogs.json: The data for the blogs section.
  • skills.json: The data for the skills section.

Getting Started

Prerequisites

• Node.js and npm installed on your machine.

Installation

1. Clone the repository:

   git clone https://github.com/dkexception/portfolio
   

2. Navigate to the project directory:

   cd portfolio
   

3. Install the dependencies & build the project:

   npm run rebuild
   

4. Start the development server:

   npm run start