🚀 Getting Started

Prerequisites

• Node.js (v16 or higher)
• npm or yarn

Installation

# Clone the repository
git clone https://github.com/Ayokanmi-Adejola/Portfolio-Website.git

# Navigate to the project directory
cd Portfolio-Website

# Install dependencies
npm install
# or
yarn install

# Start the development server
npm run dev
# or
yarn dev

The application will be available at http://localhost:5173 (or another port if 5173 is in use).

📁 Project Structure

/
├── public/            # Static files
├── src/
│   ├── components/    # Reusable UI components
│   │   └── ui/        # shadcn/ui components
│   ├── hooks/         # Custom React hooks
│   ├── lib/           # Utility functions
│   ├── pages/         # Page components
│   ├── App.tsx        # Main application component
│   ├── App.css        # Global styles
│   ├── index.css      # Tailwind imports and theme variables
│   └── main.tsx       # Application entry point
├── index.html         # HTML template
├── tailwind.config.ts # Tailwind CSS configuration
├── tsconfig.json      # TypeScript configuration
└── package.json       # Project dependencies and scripts

🔧 Available Scripts

• npm run dev - Start the development server
• npm run build - Build the application for production
• npm run build:dev - Build the application for development
• npm run preview - Preview the production build locally
• npm run lint - Run ESLint to check for code issues

🎨 Theme System

The portfolio features a robust theme system with light and dark modes:

• Automatic Detection: Detects user's system preferences
• Manual Toggle: Allows users to override system preference
• Persistent Settings: Remembers user's theme preference
• Seamless Transitions: Smooth transitions between themes

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

📞 Contact & Social