https://github.com/imakim03/portfolio_website
⭐ Personal portfolio website built with passion and React—scroll through my work (o゜▽゜)o
https://github.com/imakim03/portfolio_website
css html personal-website porfolio portfolio-project portfolio-website react react-components react-hooks react-router reactjs website-design
Last synced: 2 months ago
JSON representation
⭐ Personal portfolio website built with passion and React—scroll through my work (o゜▽゜)o
- Host: GitHub
- URL: https://github.com/imakim03/portfolio_website
- Owner: imakim03
- License: mit
- Created: 2024-10-23T19:13:54.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2025-08-24T17:58:18.000Z (10 months ago)
- Last Synced: 2025-08-24T22:04:39.204Z (10 months ago)
- Topics: css, html, personal-website, porfolio, portfolio-project, portfolio-website, react, react-components, react-hooks, react-router, reactjs, website-design
- Language: JavaScript
- Homepage: http://imanekimissi.website/
- Size: 14.8 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 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](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:
```bash
git clone https://github.com/imakim03/Portfolio_Website
```
2. Navigate into the project directory:
```bash
cd Portfolio_Website
```
4. Install the dependencies:
```bash
npm install
```
### Running the Project
Once the dependencies are installed, you can start the development server:
```bash
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](https://github.com/imakim03/Portfolio_Website/blob/master/LICENSE) file for details.
## Contact
If you'd like to connect or collaborate, feel free to reach out:
- Email: [kiimissi.imane@gmail.com](mailto:kiimissi.imane@gmail.com)
- LinkedIn: [Kimissi Imane](https://www.linkedin.com/in/kimissi-imane-7b1aa624a/)