Giter VIP home page Giter VIP logo

portfolio_reactapp's Introduction


Developer's Portfolio โœจ

It is a personal static website/portfolio template hosted with GitHub Pages, built to showcase my recent projects. Site URL / Demo: patelmayank17.github.io/home

About Me

Table of Contents

Technology Stack ๐Ÿ› ๏ธ

Dependencies defined in package.json:

Reactjs | Bootstrap | GitHub API

Structure โš“

  • Navigation bar (optional)
  • Body
    • Name | Profession
    • Contact / Follow / Find me / Facebook / LinkedIn / GitHub / Email
    • Resume | About me
  • About Me
    • Display picture (optional)
    • About myself, my Interests, Goals and Hobbies
    • Things I'm good at (Skills)
    • Resume button
  • Recent Projects (using GitHub API) (optional)
  • Leadership (optional)
    • Paragraph
    • Carousel images
  • Skills (optional)
    • Technical Skills
    • Soft Skills
  • Footer
    • Footer Note (optional)
    • Copyrights - open source
    • Acknowledgements(

Sharing ๐Ÿ’—

Project is open source. Feel free to make your own version. All you need to do is to fork this repository, edit src/editable-stuff/config.js and add resume. Mark star โญ if you like the project.

Prerequisites ๐Ÿช

You should have Node.js and Git installed on your PC. You should also own a GitHub account.

Setup And Deployment ๐Ÿ”ง

  1. To Get Started, Fork this repository to your GitHub account:

  2. Clone the forked repo from your account using:

      git clone https://github.com/<your-username>/home.git
  3. Open in editor and edit src/editable-stuff/config.js file.

  4. Add your resume as <resume.pdf> in place of src/editable-stuff/resume.pdf

  5. Edit title and meta description in public/index.html.

  6. Change URL in package.json file:

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

    Or for deployment at custom domain, refer create-react-app.dev

  7. After editing run the following bash commands:

    npm install
    npm start
  8. To deploy website, run:

     npm run build
     npm run deploy

    Or for deployment at <username>.github.io, refer READMEdocs/custom-deployment.md and pages.js

  9. Congrats your site is up and running. To see it live, visit:

      https://<your-username>.github.io/home
    
  10. To change the thumbnail image:

    • Navigate to the "public" folder.
    • There you will see "social-image.png".
    • Delete it.
    • Take a screenshot of your version and rename it "social-image.png" and place it there.

Next time if you make changes, repeat from step 8.

Facing issues? Feel free to contact at [email protected].

portfolio_reactapp's People

Contributors

patelmayank17 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.