Shubhat Rashid Portfolio

• Welcome to my portfolio website! This website showcases my skills, projects, and experiences in a visually appealing and interactive manner. Below, you'll find information on the technologies used to build this website, how to set it up locally, and how to customize it to make it your own.

• live version @ : https://shubhatrashid.vercel.app/

Technologies Used

• HTML: The structure and content of the website.
• CSS: Styling and layout of the website.
• JavaScript: Adding interactivity and dynamic behavior to the website.
• React: Building modular and reusable components.
• email.js: Handling contact form submissions and sending emails.
• react-threejs/drei and react-threejs/fibre: Creating and displaying interactive 3D elements.
• framer-motion: Adding smooth animations and transitions.
• Tailwind CSS: Building responsive and stylish UI components.
• Sanity: Backend content management system.

Setup Instructions

To run this portfolio website locally, follow these steps:

1. Clone the Repository: Clone this repository to your local machine using git clone.

git clone https://github.com/your-username/Shubhat-Rashid-Portfolio.git

2. Navigate to the Directory: Change your working directory to the cloned repository.

cd Shubhat-Rashid-Portfolio

3. Install Dependencies: Install the required dependencies using your preferred package manager. In this example, we'll use npm.

npm install

4. Configure email.js: Open the src/components/ContactForm.js file and replace the email configuration with your own email settings.

5. Start the Development Server: Start the development server to preview the website in your browser.

npm start

6. Access the Website: Open your web browser and navigate to http://localhost:3000 to see the website in action.
7. **Configure Sanity : install sanity or clone my portfolio-backend repository and add your sanity acount details thats it.

Customization

Feel free to customize the content, styles, and functionality of this portfolio website to match your own preferences and showcase your work. Here are a few pointers:

• Content: Update the src/data directory with your own information, projects, and experiences.

• Styling: Modify the CSS and Tailwind CSS classes in the src/styles directory to adjust the visual appearance of the website.

• Functionality: Explore the React components in the src/components directory to understand and modify the behavior of different sections.

• 3D Elements: Utilize the react-threejs/drei and react-threejs/fibre libraries to create and display interactive 3D elements. Refer to their documentation for guidance.

• Animations: Add smooth animations and transitions using the framer-motion library. Review the documentation for animation ideas and techniques.

• Backend Content: Use Sanity as a backend content management system to manage and update content dynamically. Refer to Sanity's documentation for integration and usage.

Deployment

Once you're satisfied with your customized portfolio website, you can deploy it to a hosting platform of your choice. Popular options include Netlify, Vercel and AWS Amplify. Follow the deployment instructions provided by your chosen platform to make your portfolio accessible online.

Feedback and Contributions

If you have any feedback, suggestions, or would like to contribute to this portfolio template, feel free to open an issue or submit a pull request on the GitHub repository. Your contributions are greatly appreciated!

Thank you for using this portfolio template. Happy showcasing! 🚀