Personal Website

Welcome to the repository for my personal website! This project showcases my professional background, tools I use, projects I've worked on, and provides a way to get in touch with me. The site is built using modern web development tools such as React, TypeScript, and Tailwind CSS.

Table of Contents

1. Personal Website
   1. Table of Contents
   2. Features
   3. Technologies Used
   4. Installation
   5. Usage
   6. Project Structure
   7. Contributing
   8. License

Features

• About Me: A section showcasing my professional experience and current roles.
• Projects: Highlighting some of the key projects I’ve worked on.
• Uses: A curated list of software, gadgets, and tools that I use daily.
• Custom Design: Built with Tailwind CSS for a responsive and clean UI.
• Animations: Subtle animations added using framer-motion for a polished experience.
• SEO-Friendly: Metadata setup for better search engine optimization.
• Favicon: Custom-designed favicon for a professional touch.

Technologies Used

• React: JavaScript library for building the user interface.
• TypeScript: Ensures type safety across the codebase.
• Next.js: Framework for server-side rendering and static site generation.
• Tailwind CSS: Utility-first CSS framework for rapid UI development.
• Framer Motion: Animation library for adding dynamic motion to UI components.
• Supabase: Backend integration (for user-specific features, if applicable).
• date-fns: Library for working with JavaScript dates.
• ESLint and Prettier: For code linting and formatting.

Installation

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/https://github.com/dirheimerb/bd-website
   cd your-repo-name

2. Install dependencies: Ensure you have Node.js installed, then run:

   npm install

3. Run the development server:

   npm run dev

4. Open your browser and visit: http://localhost:3000

Usage

This website serves as a portfolio and personal website. It showcases key projects, professional experience, tools I use, and provides a way to contact me. It is designed to be responsive and accessible, providing a great user experience on both desktop and mobile devices.

Project Structure

Here’s a breakdown of the key parts of the project structure:

├── public/ # Static assets (images, favicon, etc.) ├── src/ │ ├── components/* │ ├── pages/ # Next.js pages (e.g., index.tsx, about.tsx) │ ├── styles/ # Global styles and Tailwind config │ └── utils/ # Helper functions and constants ├── README.md # Project documentation (you are here) ├── tailwind.config.js # Tailwind CSS configuration ├── next.config.js # Next.js configuration └── tsconfig.json

Contributing

If you'd like to contribute to this project, feel free to open an issue or submit a pull request. Contributions are welcome!

License

This project is licensed under the MIT License. You can read more about it in the LICENSE file.