Skip to content

krishnasankarkk/react-developer-portfolio

Repository files navigation

Developer Portfolio - React + Vite

Welcome to my Developer Portfolio project! This portfolio showcases my skills, projects, and experiences as a developer, built using React and Vite for a fast and efficient development experience.

Table of Contents

Demo

Check out the live demo of the portfolio here.

Features

  • Modern UI: A clean and responsive design that looks great on all devices.
  • Projects Showcase: Display your projects with detailed descriptions and links to live demos and repositories.
  • About Me: A section to introduce yourself.
  • Skills: A section to showcase your skills with rating.
  • Experience: A section to show your experience.
  • Projects: A section to showcase your projects with live urls and github repositories.
  • Contact: A functional contact form to get in touch with potential clients or employers.
  • Dark Mode: Toggle between light and dark themes.

Installation

To get a local copy up and running, follow these steps:

  1. Clone the repository:
    git clone https://github.com/krishnasankarkk/react-developer-portfolio.git
  2. Clone the repository:
    cd react-developer-portfolio
  3. Install dependencies:
    npm install

Usage

To start the development server, run:

npm run dev

Open http://localhost:5173 to view it in the browser.

To create an optimized production build, run:

npm run build

The build will be stored in the dist directory.

Project Structure

src/
├── assets/         # Static assets such as images
├── components/     # Reusable components
├── pages/          # Page components
├── App.css         # Styles for App.jsx
├── App.jsx         # Main application component
├── main.css       # Styles for main.jsx
├── main.jsx        # Entry point for the application
├── router.jsx      # React Router setup
public/
├── index.html      # HTML template
dist/               # Production build output

Technologies Used

  • React: JavaScript library for building user interfaces.
  • Vite: Build tool for Javascript.
  • React Router: Declarative routing for React.
  • TailwindCSS: CSS Framework for styling.
  • Formik: Form handling in React.
  • Yup: JavaScript schema builder for value parsing and validation.

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

To contribute to this project, follow these steps:

  1. Fork the Project: Click on the 'Fork' button at the top right corner of this repository page to create a copy of this repository in your GitHub account.

  2. Clone the Forked Repository:

    git clone https://github.com/krishnasankarkk/react-developer-portfolio.git
  3. Create a New Branch:

    git checkout -b feature/YourFeatureName

    Replace YourFeatureName with a descriptive name for your feature.

  4. Make Your Changes: Make the necessary changes and commit them with descriptive messages.

    git commit -m 'Add a descriptive commit message'
  5. Push to the Branch:

    git push origin feature/YourFeatureName
  6. Open a Pull Request: Go to the repository in your GitHub account, and click on the 'Compare & pull request' button next to your branch. Provide a title and description for your pull request.

  7. Review and Merge: Your pull request will be reviewed. Once approved, it will be merged into the main repository.

Thank you for contributing!

License

This project is licensed under the MIT License - see the LICENSE file for details.

Contact

If you have any questions or suggestions regarding this project, feel free to contact me:

Krishnasankar K K - krishnasankarofficial@gmail.com

You can also find the project on GitHub: https://github.com/krishnasankarkk/react-developer-portfolio

About

A Simple Developer portfolio created using React and Vite.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors