Skip to content

Jmurr2525/swe-portfolio

Repository files navigation

React Portfolio Template for Software Engineers

Overview

This is a modern, responsive portfolio template built with React, Tailwind CSS, and Framer Motion. It's designed for software engineers to showcase their skills, projects, and professional information in an engaging and interactive way.

Features

  • Responsive design that looks great on both desktop and mobile devices
  • Smooth scrolling and animations powered by Framer Motion
  • Project showcase with detailed project pages
  • Skills section to highlight your technical expertise
  • About Me section for a personal touch
  • Easy to customize and extend

Getting Started

Prerequisites

  • Node.js (v14 or later recommended)
  • npm or yarn

Installation

  1. Clone the repository:

  2. Install dependencies

  3. start the server npm start

It should be running on a local server http://localhost:3000'

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

Customization

Updating Personal Information

  • Edit src/components/Hero.js to update the landing page content.
  • Modify src/components/AboutMe.js to add your personal bio and information.

Adding Projects

  1. Navigate to src/components/ProjectDetails/projects/Projects.js.
  2. Add a new project object to the projectsData array.
  3. Ensure each project has the following properties:
  • id: A unique identifier for the project
  • title: The name of your project
  • shortDescription: A brief overview of the project
  • longDescription: A detailed description of the project
  • image: Path to the project's image (store images in the public folder)
  • technologies: An array of technologies used in the project
  • features: An array of key features (optional)
  • githubLink: Link to the project's GitHub repository
  • liveDemo: Link to a live demo of the project (if available)

Customizing Styles

  • This template uses Tailwind CSS. You can customize the design by modifying the Tailwind classes in the component files.
  • For more extensive style changes, edit the tailwind.config.js file.

Deployment

This template can be easily deployed to platforms like GitHub Pages, Netlify, or Vercel. Refer to their respective documentation for deployment instructions.

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is open source and available under the MIT License.

Acknowledgements

  • React
  • Tailwind CSS
  • Framer Motion
  • React Router

Feel free to reach out if you have any questions or need further customization tips!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published