Code Monkey home page Code Monkey logo

swarajmhatre_portfolio's Introduction

React Portfolio

Welcome to my React portfolio project! This repository contains the source code and assets for my personal portfolio website, built using React.

Demo

You can view the live demo of my portfolio at (this link).

Features

  • Responsive design for various screen sizes and devices.
  • Sections to showcase your projects, skills, and personal information.
  • Customizable content through easy-to-edit configuration files.
  • Smooth animations and transitions.
  • Contact form for users to get in touch with you.
  • SEO-friendly with meta tags and Open Graph support.
  • Easily deployable to hosting platforms like Netlify, Vercel, or GitHub Pages.

Getting Started

Follow these steps to set up and run the project locally on your machine:

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

    git clone https://github.com/your-username/your-react-portfolio.git
  2. Navigate to the project directory:

    cd your-react-portfolio
  3. Install the project dependencies:

    npm install
  4. Start the development server:

    npm start
  5. Open your web browser and visit http://localhost:3000 to see your portfolio.

Usage

To customize the content and appearance of your portfolio, you can modify the configuration files and components. Here are some key files and directories:

  • src/config.js: Edit this file to update your personal information, skills, projects, and contact details.
  • src/components/: Customize individual sections and components here.
  • public/: Place any static assets like images, fonts, or icons in this directory.

Technologies Used

This portfolio project is built using the following technologies:

  • React: A JavaScript library for building user interfaces.
  • React Router: For handling routing within the portfolio.
  • CSS (or use your preferred CSS-in-JS solution): For styling and animations.
  • [Add any other technologies or libraries you used]

Contributing

If you'd like to contribute to this project, please follow these steps:

  1. Fork the repository to your GitHub account.
  2. Create a new branch for your changes: git checkout -b feature/your-feature-name
  3. Make your changes and commit them: git commit -m "Add your changes here"
  4. Push your changes to your fork: git push origin feature/your-feature-name
  5. Create a Pull Request in this repository.

License

This project is licensed under the MIT License.

swarajmhatre_portfolio's People

Contributors

swarajmhatre avatar adityanik avatar tushar-daiya avatar mahakgautam2002 avatar

Stargazers

Zhazha_JiaYiZhen avatar Devrishi Dutta avatar

Watchers

 avatar

swarajmhatre_portfolio's Issues

Improving Introduction styling

Hello,
I would like to improve the introduction para and its corresponding text as it currently overlaps with the image.
Please assign it to me

styles.css issue

The style.css is not being read by the index.html as it is overwritten by the CSS files of the components

Improve Contact Me button and form

@swarajmhatre As part of HacktoberFest2023, I wish to improve the UI of the Contact Me button and form.
Please assign this issue to me if you're fine accepting this issue for the improvement of this project and HacktoberFest submission.

Improving the projects section

@swarajmhatre as a part of HacktoberFest2023, I wish to contribute to your portfolio website by making changes to the UI of projects section and adding your github links to each project. Please assign this issue to me.

Bug Fix

When Clicked on the Hire Me button, it give 404 error.

Improve UI for the main home section

@swarajmhatre As part of HacktoberFest2023, I wish to improve the UI of the main section wherein currently the text is not coming properly and spanning over the image as well.
Please assign this issue to me if you're fine accepting this issue for the improvement of this project and HacktoberFest submission.

image

Beautify

Change fonts, styles and beautify the portfolio

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.