• Stars
    star
    412
  • Rank 104,393 (Top 3 %)
  • Language
    JavaScript
  • Created over 3 years ago
  • Updated about 2 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

PAPA React JS Resume Starter Pack and Digital Portfolio

PAPA React JS Portfolio Starter Pack

LIVE DEMO

Resume Starter Pack Description

This portfolio starter pack is made using React. The data on the portfolio is directly linked to a JSON file. Any changes to the portfolio can be made in the JSON file. The changes will then be reflected on to the portfolio. This allows you to customize your own personal portfolio that can be used for applying to jobs or other personal uses.

1. Make sure you have NODE installed!

Firstly, you will need to download the latest version of Node by CLICKING HERE

2. Clone the repo!

Next, you will need to run the following command in the Terminal to clone the repo onto your machine.

git clone https://github.com/sonnysangha/Resume-Portfolio-Starter-pack.git

3. Install Dependancies

Next, you need to install all the dependancies using:

npm install

Once this is done, you can start the app with:

npm start

4. Fill in your personal info

To populate the website with all of your own data, open the public/resumeData.json file and simply replace the data in there with your own. Images for the porfolio section are to be put in the public/images/portfolio folder.

5. (OPTIONAL) Replacing images and/or fonts

If you want to display your own pictures then you have to replace the files at these locations: public/images/header-background.jpg, public/images/testimonials-bg.jpg and public/favicon.ico. FILE NAMES MUST NOT BE CHANGED else the code referencing these images will no longer work.

7. Finalising Resume

Once all the formatting and data input is finalised, run npm run build. This will create a dedicated build folder.

8. Host Resume Online

  1. Open the build folder in the finder screen
  2. Go to Netlify and set up a profile
  3. Go to the 'Sites Tab'
  4. Simply Drag and drop the 'Build' Folder into the designated upload space
  5. The app will begin deploying & the deployment URL will be presented!

🚀 BOOM, you are now LIVE!!!

Credits

Original Idea

Inspiration from Tim Baker (tbakerx)

More Repositories

1

Amazon-starter-template-nextjs

This is the Official Starter template for the AMAZON 5 Day challenge (The SECRET Challenge!) - Next.js | React.js | Tailwind CSS | Redux | Tailwind | Firebase
JavaScript
376
star
2

AI-Image-generator-microsoft-azure

TypeScript
119
star
3

mern-instagram

JavaScript
91
star
4

disney-2.0-clone-nextjs-14-microsoft-azure

TypeScript
89
star
5

linkedin-clone-nextjs-14-copilot-azure-cosmos-db-typescript-shadcn

TypeScript
58
star
6

booking.com-clone-nextjs-14-shadcn-tailwind-typescript-oxylabs

TypeScript
54
star
7

Facebook-2.0-nextjs-tailwindcss

JavaScript
52
star
8

lottery-smart-contract

Solidity
51
star
9

Chat-with-PDF-AI-SAAS-Challenge-App

TypeScript
40
star
10

firebase-cloud-messaging-web-push-notifications-with-nextjs-14-tutorial

TypeScript
34
star
11

stripe-payment-elements-with-https-nextjs-14-demo

TypeScript
32
star
12

movie-recommendation-nextjs-astradb-openai

TypeScript
31
star
13

brightdata-amazon-scraper-template

JavaScript
20
star
14

redux-typescript-app-demo

JavaScript
19
star
15

todo-app

This is a demonstration for the Todo App
JavaScript
18
star
16

UPS-2.0-Sample-Data

16
star
17

diamond-cc-22-aug

JavaScript
14
star
18

5app-coding-challenge

To create a WebService to transform a request into an expected response
TypeScript
14
star
19

Thirdweb-NFT-Gated-Solana-app-Sample-Data

13
star
20

realtime-translator-chatbot

A realtime demonstration of Firebase FireStore, Cloud functions & Google translate API in the form of a chatbot!
TypeScript
13
star
21

otp-phone-authentication-demo-nextjs-firebase-auth

TypeScript
12
star
22

cc-diamond-supabase-sql

JavaScript
12
star
23

google-sheets-coaching-call

JavaScript
10
star
24

storybook-demo-live

JavaScript
10
star
25

weather-app-coaching-call

JavaScript
8
star
26

coaching-call-messenger-demo

JavaScript
7
star
27

cloudflare-workers-notion-clone-ai-tutorial

TypeScript
6
star
28

coaching-call-storybook-demo

5
star
29

helix-assignment

A homework assignment as part of the Helix RE Inc. recruitment process
TypeScript
4
star