Portfolio Project - React + Vite

Welcome to my portfolio project! This project is built using React and Vite, providing a fast and modern development experience.

Welcome to my portfolio project! This project is built using React and Vite, providing a fast and modern development experience. Below you'll find detailed information about the project setup, features, and how to get started.

Domain Status

Domain	Status
<a href="https://www.nabildr.tech">www.nabildr.tech </a>	Inactive
<a href="https://nabildr.tech">nabildr.tech </a>	Inactive
<a href="https://nabildzr.vercel.app">https://portfolio-deploy-2.vercel.app </a>	Active

Table of Contents

• Introduction
• Features
• Installation
• Usage
• Project Structure
• Available Scripts
• Deployment
• Contributing
• License
• Acknowledgements

Introduction

This portfolio project showcases my skills and projects as a web developer. It includes sections for my projects, journals, contact information, and more. The project is built using React for the frontend and Vite for the build tool, ensuring a fast and efficient development process.

ac1ab99caaff867f04ca2e3f846bd9f64ca74ec4

Features

• React: A JavaScript library for building user interfaces.
• Vite: A fast build tool and development server.
• React Router: For client-side routing.

ac1ab99caaff867f04ca2e3f846bd9f64ca74ec4

• Tailwind CSS: For utility-first CSS styling.
• Framer Motion & GSAP: For animations and transitions.
• EmailJS: For handling contact form submissions.
• AOS (Animate On Scroll): For scroll animations.
• Responsive Design: Ensures the site looks great on all devices.
• SEO Optimized: Meta tags and Open Graph data for better search engine visibility.

Tech Stack

• React
• Vite
• Tailwind CSS
• Framer Motion
• EmailJS
• AOS
• GSAP

Installation

1. Clone the repository:

   git clone https://github.com/nabildzr/nabildzr-portfolio-2024.git
   cd nabildzr-portfolio-2024

2. Install dependencies:

   npm install

3. Start the development server: To start the development server, run:

   npm run dev

Thank you for checking out my portfolio project! If you have any questions or feedback, feel free to reach out.

Usage

To start the development server, run:

npm run dev

This will start the Vite development server and open the project in your default browser. Any changes you make to the code will be hot-reloaded.

Available Scripts

Available Scripts In the project directory, you can run:

• npm run dev: Starts the development server.
• npm run build: Builds the app for production.
• npm run serve: Serves the production build locally.
• npm run lint: Runs ESLint to check for code quality issues.

Deployment

This project is configured to be deployed on Vercel. To deploy, follow these steps:

1. Install Vercel CLI:

   npm install -g vercel

2. Deploy the Project:

   vercel --prod

3. Configure Vercel for client-side routing: Ensure you have a vercel.json file with the following content:

   {
   	"rewrites": [
     		{ "source": "/(.*)", "destination": "/" }
   	]
   }

   Dont Forget to configure the .env while deploying.

Contributing

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

License

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

Acknowledgements

• React
• Vite
• Tailwind CSS
• Framer Motion
• EmailJS
• AOS

Thank you for checking out my portfolio project! If you have any questions or feedback, feel free to reach out.

This README.md file provides a comprehensive overview of your project, including installation instructions, usage, project structure, available scripts, deployment steps, and more. It also includes acknowledgements for the tools and libraries used in the project.