Dev Portfolio

A clean, beautiful and responsive portfolio template for Developers

Need of portfolio for a developer ☝️

• Professional way to showcase your work
• Increases your visibility and online presence
• Shows you’re more than just a resume

Getting Started 🚀

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

Prerequisites 📋

You'll need Git and Node.js (which comes with NPM) installed on your computer.

node@v10.16.0 or higher
npm@6.9.0 or higher
git@2.17.1 or higher

How To Use 🔧

From your command line, first clone Simplefolio:

# Clone this repository
$ git clone https://github.com/nandkk05/dev-portfolio

# Go into the repository
$ cd dev-portfolio

# Remove current origin repository
$ git remote remove origin

Then you can install the dependencies either using NPM or Yarn:

Using NPM:

# Install dependencies
$ npm install

# Start the local development server
$ npm start

# Build for production
$ npm run build

Template Instructions:

Step 1 - STRUCTURE

Go to /src/data/userData.js and fill your information, there are serveral sections:

Blog Section

• Add your dev.to username if you want to show blogs section

Projects Section

• This is a object with following structure, here you can edit information accordingly

  {
    name: "Master app",
    desc: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.",
    techStack: "React js, Firebase, Cloud Functions",
    githubLink: "https://github.com/****",
    demo: "https://****.com",
  },
  

Experince Section

 {
  company: "ABC",
  role: "XYZ member",
  description:
    "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.",
  link: "https://<Company-Logo>.com",
},

Talks Section

{
  community: "ABC",
  date: "Nov 28, 2020",
  title: "TITLE",
  embedLink: "https://<YOUTUBE_EMBED_ID>.com",
  slidesLink:
    "https://<SLIDES_LINK>.com",
},

Deployment 📦

Once you have done with your setup. You need to put your website online!

For more information, read hosting on Netlify.

You can also use Firebase Hosting or Vercel to deploy your app.

Technologies used 🛠️

• React - JavaScript library for building user interfaces
• Material UI - Front-end component library
• Tailwind CSS - CSS Utility library
• React Router - Router
• Axios - To fetch dev.to API
• React Scroll - For smooth scrolling

Project Maintainers

Nand Kishor

License 📄

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