Skip to content

This React.js portfolio website showcases my skills with interactive 3D visuals and modular architecture. Built with Vite for performance, it emphasizes clean code and dynamic user experiences.

Notifications You must be signed in to change notification settings

noama11/Portfolio

Repository files navigation

Personal Portfolio Website

Welcome to my personal portfolio website, built using React.js and Vite for blazing-fast development and performance. This project showcases my skills, projects, and experiences, wrapped in a modern, responsive design.

🚀 Key Features

  • Interactive 3D Visuals: Integrated with the Canvas library, the website features stunning 3D models and animations, enhancing the user experience and making the portfolio stand out.

  • Higher-Order Components (HOC): Utilized HOCs for clean and reusable code, ensuring maintainability and scalability of the project.

  • Modular Architecture: The project follows a modular structure, organizing the code into well-defined components, constants, utilities, and higher-order components (HOCs). This structure promotes code reusability and ease of maintenance.

🗂 Project Structure

  • assets/ - Contains all the static assets like images and icons used across the website.
  • components/ - Modular React components that make up the UI of the website.
  • constants/ - Stores constant values and configuration data used throughout the application.
  • hoc/ - Higher-Order Components for handling shared logic across multiple components.
  • utils/ - Utility functions that are used to manage tasks like data formatting, API calls, and more.

🛠️ Technologies Used

  • React.js - A powerful JavaScript library for building user interfaces.
  • Vite - A fast development build tool that provides instant server start and lightning-fast HMR (Hot Module Replacement).
  • Canvas API - Used to create interactive 3D models, making the website visually appealing.
  • JavaScript (ES6+) - Modern JavaScript features to enhance code readability and performance.

🎯 Purpose

This website serves as my professional portfolio, highlighting my technical skills, projects, and career journey. It’s designed to provide a seamless and engaging experience for potential recruiters and collaborators, showcasing not only my technical abilities but also my attention to detail and design aesthetics.

📸 Preview

Website Preview
Include a screenshot of your website here to give a visual impression.

🧑‍💻 How to Run Locally

  1. Clone this repository:
    git clone https://github.com/yourusername/portfolio-website.git
  2. Navigate to the project directory:
    cd portfolio-website
  3. Install dependencies:
    npm install
  4. Start the development server:
    npm run dev

📫 Contact

Feel free to reach out via LinkedIn or Email for any inquiries, collaborations, or opportunities.

About

This React.js portfolio website showcases my skills with interactive 3D visuals and modular architecture. Built with Vite for performance, it emphasizes clean code and dynamic user experiences.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published