My Personal Website

Welcome to my personal website project, built using React and Tailwind CSS. This website serves as a showcase for my portfolio, skills, and projects

Project Structure

The project follows a standard React application structure, with the main components located in the src/components directory. Here's a brief overview of the components:

• Home: Represents the home page of the website, displaying an introduction and a button to view projects.
• About: Provides information about myself and my background.
• Skills: Showcases the programming skills I have acquired.
• Projects: Highlights my projects and provides links for further exploration.
• Contact: Offers a contact form for visitors to get in touch with me.

The website also includes a navigation bar (Navbar) for easy navigation between sections.

Getting Started

To run this project locally, follow these steps:

1. Clone the repository: git clone https://github.com/AnmolGulati6/portfolio-react-app.git
2. Install the dependencies: npm install
3. Start the development server: npm start
4. Open your browser and visit http://localhost:3000 to see the website in action.

Available Scripts

In the project directory, you can run the following scripts:

• npm start: Runs the app in development mode.
• npm build: Builds the app for production.
• npm test: Launches the test runner.
• npm run eject: Ejects the app from Create React App configuration.

Deployment

This project is set up for deployment on GitHub Pages. You can deploy the website by running the command npm run deploy. The build files will be generated in the build directory and pushed to the gh-pages branch of your GitHub repository. Make sure to update the homepage field in the package.json file with your GitHub Pages URL.

Dependencies

The project relies on the following dependencies:

• react: JavaScript library for building user interfaces.
• react-dom: Provides DOM-specific methods for React.
• react-icons: Icon library for React components.
• react-scroll: Enables smooth scrolling to different sections.
• tailwindcss: Utility-first CSS framework.
• Other development dependencies required for testing and deployment.

Thank you for visiting my personal website! If you have any questions or suggestions, feel free to reach out to me. You can find the live website here.