Personal Portfolio Website

Welcome to my personal portfolio website! Here, you'll discover a collection of my projects, skills, and creative endeavors, all crafted with passion using React.

I invite you to explore my work and don’t forget to leave a message if you visited the site (/≧▽≦)/

Live Demo: https://www.imanekimissi.website

Screenshots ☆

Home Page (Dark/Light mode)

Projects Page

AboutMe Page

Contact Page

Technologies Used

• React: Used to create interactive and reusable UI components.
• Framer Motion: For smooth animations and transitions.
• CSS3 & Styled Components: For styling and making the website fully responsive.
• React Router: For seamless navigation between sections.

Features

• Responsive Design: Optimized for all devices—desktop, tablet, and mobile.
• Interactive Animations: Subtle and fun animations powered by Framer Motion.
• Projects Showcase: A curated selection of my best work, with detailed descriptions.
• Contact Form: Have a question or want to collaborate? It's easy to reach me via the built-in contact form!
• Light/Dark Mode: Switch between light and dark themes for your preferred viewing experience.
• Multi-Language Support: Available in both English and French.

Getting Started

Follow the instructions below to run the project locally.

Prerequisites

Make sure you have Node.js and npm (or Yarn) installed on your machine.

Installation

1. Clone this repository:

   git clone https://github.com/imakim03/Portfolio_Website

2. Navigate into the project directory:

    cd Portfolio_Website

3. Install the dependencies:

    npm install

Running the Project

Once the dependencies are installed, you can start the development server:

npm start

The website will be available at http://localhost:3000.

Project Structure

  ├── src
  |   ├── Cards        # Contains card components used in Home Page
  │   ├── Components   # Reusable components for the website
  |   ├── Hooks        # Custom React hooks
  │   ├── Pages        # Different sections/pages of the website
  |   ├── i18n         # Internationalization files for multi-language support
  │   ├── Images       # Static images used in the project
  │   ├── Styles       # Global and component-specific styling
  |   ├── App.css      # Main CSS file
  │   ├── App.js       # Main App component
  |   └── index.js     # Entry point of the application
  ├── package.json     # Project dependencies and scripts
  ├── public           # Public assets and index.html
  └── README.md        # Project documentation

Contributing ♡

Feel free to contribute to this project by submitting issues or pull requests! All kinds of contributions are welcome.

License

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

Contact

If you'd like to connect or collaborate, feel free to reach out:

• Email: [email protected]
• LinkedIn: Kimissi Imane