- Professional way to showcase your work
- Increases your visibility and online presence
- Shows you’re more than just a resume
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.
You'll need Git and Node.js (which comes with NPM) installed on your computer.
[email protected] or higher
[email protected] or higher
[email protected] or higher
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
Go to /src/data/userData.js
and fill your information, there are serveral sections:
- Add your dev.to username if you want to show blogs 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", },
{
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",
},
{
community: "ABC",
date: "Nov 28, 2020",
title: "TITLE",
embedLink: "https://<YOUTUBE_EMBED_ID>.com",
slidesLink:
"https://<SLIDES_LINK>.com",
},
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.
- 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
Nand Kishor |
This project is licensed under the MIT License - see the LICENSE.md file for details