Personal Portfolio

Welcome to my personal portfolio repository. This project showcases my skills and projects as a Full Stack Developer. Below you will find information on how to set up and run the project, as well as an overview of the technologies used.

Table of contents

• Introduction
• Technologies
• Installation
• Usage
• Project Structure
• Contributing
• License

Introduction

This is a personal portfolio website built using modern web technologies. It includes sections such as Home, About, Contact, and Projects. The website is designed to be responsive and user-friendly.

Technologies

The following technologies and tools are used in this project:

• React
• Vite
• Tailwind CSS
• Framer Motion
• Three.js
• React Three Fiber
• React Router
• Font Awesome Icons
• Ionicons
• Tabler Icons
• Simple Icons
• Material Design Icons
• Devicon Icons

Installation

To set up the project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/Crizter/Personal-Portfolio.git

2. Navigate to the project directory:

   cd Personal-Portfolio

3. Install the dependencies:

   npm install

Usage

To run the project locally, use the following command:

npm run dev

This will start the development server, and you can view the website by navigating to http://localhost:3000 in your web browser.

Project Structure

The project structure is organized as follows:

• index.html: The main HTML file.
• src/: Contains the source code for the project.
  • src/App.jsx: The main application component.
  • src/App.css: The main CSS file for the application.
  • src/main.jsx: The entry point for the React application.
  • src/index.css: The main CSS file for Tailwind CSS.
  • components/: Contains the React components used in the project.
    • src/components/About.jsx: The About page component.
    • src/components/Contact.jsx: The Contact page component.
    • src/components/Home.jsx: The Home page component.
    • src/components/Navbar.jsx: The Navbar component.
    • src/components/Projects.jsx: The Projects page component.
    • src/components/ModelViewer.jsx: The 3D model viewer component.
    • src/components/LaptopModelViewer.jsx: The laptop model viewer component.
    • src/components/Preloader.jsx: The preloader component.
    • src/components/TechnologiesIcons.jsx: The technologies icons component.
  • assets/: Contains the assets used in the project.
    • src/assets/react.svg: React logo.
    • public/vite.svg: Vite logo.
• styles/: Contains additional CSS files.
  • src/styles/Navbar.css: CSS for the Navbar component.
  • src/styles/Preloader.css: CSS for the Preloader component.
• package.json: Contains the project dependencies and scripts.
• postcss.config.js: Configuration file for PostCSS.
• tailwind.config.js: Configuration file for Tailwind CSS.
• vite.config.js: Configuration file for Vite.
• .gitignore: Specifies files and directories to be ignored by Git.
• vercel.json: Configuration file for Vercel deployment.

Contributing

Contributions are welcome! If you have any suggestions or improvements, please create a pull request or open an issue.

License

This project is licensed under the MIT License. See the LICENSE file for more details.