Giter VIP home page Giter VIP logo

portfolio's Introduction

PORTFOLIO - WEBSITE

Introduction

Crafting digital experiences with code – welcome to my portfolio project where creativity meets functionality.

Features

  1. GitHub Integration: Fetches project data effortlessly through GitHub APIs, eliminating the need for hardcoding and ensuring real-time updates.

  2. Automated Email Service: Seamlessly integrated with EmailJS for hassle-free email functionality. Send personalized emails with ease using customizable templates.

  3. Responsive Design: Ensures a seamless and optimal user experience on all devices with a fully responsive design, making your portfolio accessible and engaging across various devices.

Tech Stack

  • React.js
  • Tailwind
  • GitHub APIs

Steps

By implementing the following steps you can make a portfolio like this too with minimal coding.

  • Follow the .example.env file and then create a new .env file.
  • Create a Personal Access Token on Github. You can either create Fine-grained personal access token (beta) or Personal access tokens (classic) based on your choices. Store the token in the respective field in .env file.
  • Make sure that you have added necessary permissions while creating the token. Screenshot 2024-01-29 at 1 25 29 PM
  • Create an account on EmailJS and generate Service ID, Template ID, Public Key and store them in the respecitve fields in .env file. You can refer EmailJS for generating the required parameters if you wish.
  • Navigate to the data.js file and feel free to add your data and import the necessary tech stack images based on your skillsets. (Store the techstack images used in the skills section in the assets folder after donwloading and them import them in the data.js file).
  • To have the image as shown below create a new folder named demoImage and then store the image in that. Screenshot 2024-01-29 at 1 48 14 PM
  • Run npm install
  • Run npm start to run the code.
  • Demo contains the deployed link. After deploying your projects you wish to show on your portfolio add the link in Github. To add the deployed link to Github do the following steps -
    • Click here in your repository Screenshot 2024-01-29 at 1 50 35 PM
    • Copy your deployed link and paste it here. Screenshot 2024-01-29 at 1 52 42 PM

Congratulations you have your portfolio ready with minimal coding!

Future Scope

  • Template Functionality: Transform the portfolio website into a template, eliminating the need for any coding. Choose from a variety of backgrounds and customize colors effortlessly.

  • Live Preview and Input: Enhance responsiveness by allowing users to observe real-time output while adding input values such as name and description, ensuring a dynamic and user-friendly experience.

  • Automated Tech Stack Images: Implement APIs for automating the task of downloading tech stack images directly into the assets folder, complete with the necessary import statements for seamless integration.

portfolio's People

Contributors

chakitbhandari 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.