Welcome to my personal portfolio website! This project showcases my skills, experience, and projects I've worked on.

https://yxne.tech

• Overview
• Features
• Technologies Used
• Project Structure
• Getting Started
  • Prerequisites
  • Installation
  • Development
• Deployment
• Contributing
• License
• Contact

This portfolio is built using Next.js and is designed to be a modern, responsive, and visually appealing representation of my work. It includes sections for featured projects, technical skills, and contact information.

• Featured Projects: Highlights key projects with descriptions, technologies used, and links to live demos and source code.
• Technical Expertise: Showcases my technical skills and areas of expertise.
• Responsive Design: The website is fully responsive and works well on all devices.
• Animations: Uses Framer Motion for smooth and engaging animations.
• Project Pages: Dedicated pages for each project with detailed information, screenshots, and client testimonials.
• Competitions & Achievements: A dedicated page showcasing my participation and achievements in various competitions.
• Education: Details about my educational background, degrees, and certifications.

• Next.js - React framework for building performant web applications
• React - JavaScript library for building user interfaces
• TypeScript - Superset of JavaScript that adds static typing
• Tailwind CSS - Utility-first CSS framework
• Framer Motion - Animation library for React
• Lucide React - Icon library
• Shadcn UI - Re-usable components built using Radix UI and Tailwind CSS
• PostgreSQL - Relational database management system
• Redis - In-memory data structure store, used as a cache and message broker
• NestJS - A framework for building efficient, scalable Node.js server-side applications
• OpenAI - Artificial intelligence research and deployment company
• Docker - Platform for developing, shipping, and running applications in containers
• Nginx - Web server and reverse proxy

portfolio/
├── app/
│   ├── layout.tsx         # Root layout component
│   ├── page.tsx           # Home page
│   ├── projects/
│   │   ├── [slug]/
│   │   │   └── page.tsx   # Dynamic project pages
│   │   └── page.tsx       # Projects listing page
│   └── globals.css        # Global CSS styles
├── components/
│   ├── sidebar.tsx        # Sidebar component
│   ├── tech-stack.tsx     # Tech stack component
│   └── ui/                # UI components (using Shadcn UI)
├── constants/
│   ├── data.ts            # Personal and portfolio information
│   ├── projects.ts        # Project data
│   └── tachStack.ts       # Tech stack data
├── public/                # Static assets (images, fonts, etc.)
├── styles/
│   └── globals.css        # Global CSS styles (legacy)
├── next.config.js         # Next.js configuration
├── package.json           # Project dependencies
└── README.md              # This file

Follow these instructions to get the project up and running on your local machine.

• Node.js (v18 or higher)
• npm or Yarn
• Git

1. Clone the repository:

   git clone https://github.com/aceiny/Portfolio.git
   cd Portfolio

2. Install dependencies:

   npm install
   # or
   yarn install

1. Start the development server:

   npm run dev
   # or
   yarn dev

2. Open your browser and navigate to http://localhost:3000.

This project can be deployed to various platforms, including:

• Vercel
• Netlify
• DigitalOcean
• Azure

Follow the deployment instructions for your chosen platform. Typically, this involves connecting your repository to the platform and configuring the build and deployment settings.

Contributions are welcome! Please follow these steps:

1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Make your changes and commit them with descriptive commit messages.
4. Push your changes to your fork.
5. Submit a pull request.

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

Zeraibi Yassine

• Email
• LinkedIn
• GitHub