Portfolio Project - README.md

This repository contains my portfolio project created using React, React Router, Tailwind CSS, and Framer Motion.

Project Overview

The portfolio project is a web application that showcases my skills, projects, and experience to potential employers and clients. It is built using modern web technologies and libraries to provide an interactive and visually appealing user experience.

Technologies Used

The project utilizes the following technologies and libraries:

• React: A popular JavaScript library for building user interfaces.
• React Router: A routing library for React that enables navigation and URL handling in a single-page application.
• Tailwind CSS: A highly customizable CSS framework that helps in quickly building responsive and modern UIs.
• Framer Motion: A library that adds smooth animations and transitions to React components.
• Vite: A Faster and better alternative to Create-React-App

Features

The portfolio project includes the following features:

• Home: An introductory section with important links.
• About: A section that provides information about me.
• Projects: A showcase of my past projects, including descriptions, screenshots, and links to live demos or source code repositories.
• Tech: A showcase of all the tech that I can work with
• Contact: A section with contact information and a contact form to allow visitors to get in touch with me.
• ShutterBug (Incomplete) : I click good pictures sometimes, A section dedicated to them.

Getting Started

To run the portfolio project locally, follow these steps:

1. Clone this repository to your local machine using the following command:

   git clone https://github.com/8rxn/portfolio.git
   

2. Navigate to the project directory:

   cd portfolio
   

3. Install the project dependencies using either npm or yarn:

   npm install
   # or
   yarn install

4. Start the development server:

   npm run dev
   # or
   yarn dev

5. Open your web browser and visit http://localhost:5173 to see the Project in action.

Customization

Feel free to customize the portfolio project to suit your needs:

• Content: Replace the default content in the various sections with your own information, including the Home, About, Projects, and Contact sections.
• Styling: Modify the CSS classes and styles defined in the project to match your desired visual aesthetic.
• Animations: Enhance the animations and transitions using Framer Motion to create a unique user experience.

Contact

Please drop a star if you like this project. You can also Follow me on my socials. Feel Free to raise issues 🥂

---