Vite + React Project

Overview

This is a React project bootstrapped with Vite. It uses Tailwind CSS for styling, React Router for navigation, and React Icons for icons. The project includes four main pages:

• Home Page
• About Page
• Skills Page
• Contact Page

Table of Contents

• Demo
• Features
• Installation
• Usage
• Project Structure
• Contributing
• License

Demo

You can check out the live demo of the project here.

Features

• Fast and Scalable: Bootstrapped with Vite for blazing fast development experience.
• Modern Styling: Styled with Tailwind CSS.
• Routing: Implemented with React Router for seamless navigation.
• Iconography: Enhanced UI with React Icons.
• Four Core Pages: Home, About, Skills, and Contact pages.

Installation

To install this project locally on your system, follow these steps:

1. Clone the repository:

   git clone https://github.com/dhruvdankhara/Portfolio-website.git

2. Navigate to the project directory:

   cd Portfolio-website

3. Install the dependencies:

   npm install

4. Run the development server:

   npm run dev

5. Open your browser and visit:

   http://localhost:5173
   

Usage

Once the project is set up, you can start the development server to see your changes live:

npm run dev

To build the project for production, use:

npm run build

To preview the production build, use:

npm run preview

Project Structure

Portfolio-website/
├── public/
├── src/
│   ├── assets/
│   ├── components/
│   │   ├── Footer.jsx
│   │   ├── Nav.jsx
|   |   ├── SkillCard.jsx
│   │   └── Title.jsx
│   ├── images/
│   │   └── images....
│   ├── layout/
│   │   └── Layout.jsx
│   ├── pages/
│   │   ├── About.jsx
│   │   ├── Contact.jsx
│   │   ├── Hero.jsx
│   │   └── Skills.jsx
│   ├── App.jsx
│   ├── index.css
│   └── main.jsx
├── .eslintrc.cjs
├── .gitignore
├── index.html
├── package-lock.json
├── package.json
├── postcss.config.js
├── README.md
├── tailwind.config.js
├── vite.config.js

Contributing

We welcome contributions to this project. To contribute, please follow these steps:

1. Fork the repository.
2. Create a new branch:

   git checkout -b feature/YourFeatureName

3. Make your changes.
4. Commit your changes:

   git commit -m 'Add some feature'

5. Push to the branch:

   git push origin feature/YourFeatureName

6. Open a pull request.

Please ensure your code adheres to the project's coding standards and passes all tests.

License

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

---

Thank you for checking out this project! If you have any questions or feedback, feel free to reach out.

Feel free to customize the URLs, file names, and any other project-specific details as necessary.