Edgefolio: A Minimal & Responsive Student Portfolio

A modern, responsive portfolio template built with React JS, designed to showcase skills, projects, and achievements effectively. This template provides a clean and minimalistic design suitable for students and developers.

🌐 Live Demo

Check out the live version: https://sandeepruttala.github.io/edgefolio/

✨ Features

• Responsive Design: Optimized for mobile and desktop views.
• Easy Customization: Modify data to fit your personal profile just by changing function parameters or props.
• Dark Mode: Dark Mode Available.
• React Components: Organized code structure for quick editing and expansion.
• Dynamic Project Showcase: Easily add and manage project entries.

📂 Project Structure

Here's a quick overview of the key files and folders:

• public/ - Contains static files and images.
• src/ - Main React code with component files and styling.
  • components/ - Reusable components (Header, About, Projects, etc.)
  • App.js - Main app component where the layout is structured.
  • index.js - Entry point for the React app.

🛠️ Installation

1. Clone the repository:

   git clone https://github.com/sandeepruttala/edgefolio.git

2. Navigate into the project directory:

   cd edgefolio

3. Install dependencies:

   npm install

4. Run the development server:

   npm start

📋 Usage

Customize the content in the src/components/ folder. Update information each section (like About, Projects, etc.) by changing function parameters or props to reflect your personal information and achievements.

🚀 Deployment

To deploy this portfolio on GitHub Pages:

1. Install the gh-pages package as a development dependency:

   npm install gh-pages --save-dev

2. Add the following homepage field to your package.json file:

   "homepage": "https://<your-github-username>.github.io/<repository-name>"

3. Update the scripts section in package.json:

   "scripts": {
     "predeploy": "npm run build",
     "deploy": "gh-pages -d build"
   }

4. Deploy the project to GitHub Pages:

   npm run deploy

5. Your portfolio will now be live at https://<your-github-username>.github.io/<repository-name>.

Contact Form API

The contact form in this template uses Formspree to send emails. To receive form submissions, you need to set up your Formspree account and update the form endpoint in the Components/Contact.jsx file.

🤝 Contributing

Feel free to open issues or submit pull requests if you have suggestions for improvements.