Giter VIP home page Giter VIP logo

smaranjitghose / awesome-portfolio-websites Goto Github PK

View Code? Open in Web Editor NEW
2.2K 29.0 1.4K 154.35 MB

A community maintained open source project aimed at making a personal portfolio for researchers, developers, and analysts simple, fast, and less cumbersome. We make sure you have a full-fledged website to showcase your work while you can spend time on your learning and innovative endeavors.

Home Page: https://portfolio.smaranjitghose.com/

License: MIT License

HTML 55.89% CSS 27.11% JavaScript 17.00%
html portfolio css javascript sci ch-20 sci20 slop slop20 nwoc

awesome-portfolio-websites's Introduction

Awesome Portfolio Website

A community maintained open source project aimed at making personal portfolio for researchers, developers and analysts simple, fast and less cumbersome. We make sure you have a full-fledged website to showcase your work while you can spend time on your learning and innovative endeavours.

A sneak peek into what we have here🙈 :

Home Page:

Experience Page:

Project Page:

Research Page:

Education Page:

How to use this?🛠

Check out our awesome Documentation

Contribution Guidelines🏗

Are we missing any of your favorite features, which you think you can add to it❓ We invite you to contribute to this project and improve it further.

Click on the image below to set up and contribute to the project or Click here

Project Maintainers👨🏫:

Smaranjit Ghose Anush Bhatia

Our valuable Contributors👩‍💻👨‍💻 :

Open Source Programs we have been a part of:

awesome-portfolio-websites's People

Contributors

abhijay007 avatar adyasha8105 avatar akc068 avatar anjali1102 avatar anushbhatia avatar arnab1406 avatar atrisukul1508 avatar battuashita avatar bukolastella avatar chaitanya31612 avatar divyakelaskar avatar dpshikha476 avatar forkbikash avatar harshita-kanal avatar imgbotapp avatar ishubham21 avatar mharshita avatar moofywoofy avatar n00bmaster2810 avatar omkxr avatar pinrathod avatar pranav016 avatar sanjanarp avatar sarthakjdev avatar shruti025 avatar smaranjitghose avatar supzi-del avatar tirlochanarora16 avatar vishal-raj-1 avatar vybhav72954 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

awesome-portfolio-websites's Issues

Updating Readme.md

Description: There are some grammatical and spelling errors need to be altered in Readme.md file

How to Contribute Page for Documentation

Expected Contents:

  • Make use of the Contribution.MD file on the master branch

Common Instructions

  • Please push the changes only to the documentation branch
  • Do not push any build files
  • However, you are expected to share a link of the deploy of your changes. To do this, after doing the changes locally please do:
    mkdocs gh-deploy.

Add NWOC in README.md

@smaranjitghose This repository is also part of NWOC Open Source Program. It Should be included in README.md.

I would like to add NWOC in Open Source Program Section of README.md.

Home Page of the Documentation

Expected Contents:

  • Same as README

Common Instructions

  • Please push the changes only to the documentation branch
  • Do not push any build files
  • However, you are expected to share a link of the deploy of your changes. To do this, after doing the changes locally please do:
    mkdocs gh-deploy.

Contact Page

Suggestions:

  • Illustration on the left
  • Form on the right
    |--First Name**
    |--Last Name**
    |--Phone Number*
    |--Email**
    |--Message**
    |--Captcha
  • Use formspree for now
  • Also, put the social icons on the left
  • Work on the dark mode
  • Make this mobile responsive
  • Update the navbar only when complete and approved

Navigation Bar

Try to have a microanimation when we hover over one tab then a lamp enlights it

Home Page

Features:

  • Try to improve the particle effect in the background
  • Improve the documentation of the particle script with detailed explanations
  • Terminal Like effect for the professions
  • About Section
  • Dark mode for the section containing: particle effect, social media icons, terminal effect and the name

Blog page

Description of the enhancement:

  1. Create a blog page using fastpages.
  2. Integrate the existing navbar.
  3. Use dark theme.
  4. Use fixed colour scheme.
  5. Use animation and transition effect.

Toggle Button Bug

Whenever one switches to dark mode for a page say 'x' and we move to another page say 'y' the page loads up back in light mode instead of being continued to be displayed in 'dark mode'

Team Page for Documentation

Expected Contents:

  • Illustration
  • A quote about teamwork
  • Project Maintainer's Section
  • Contributors Section

Common Instructions

  • Please push the changes only to the documentation branch
  • Do not push any build files
  • However, you are expected to share a link of the deploy of your changes. To do this, after doing the changes locally please do:
    mkdocs gh-deploy.

Resume Link

Kudos to a wonderful website 🎉 , the Resume section in the navbar doesn't redirect to your resume rather provides a general resume-format.

Adding a Favicon

I want to add a favicon to the site. Let me know do you have any logo designed already or shall I give some suggestions?!

Education Page

** Do Improvements in the UI, Add Animations

Suggested Features

  • Formal Education Section [ Try to have it in a timeline or branches of a tree theme]
  • Summer Schools and MOOCs Section
  • Badges Section

Resume

Development

  • Build the resume from scratch using Pure LaTeX
  • Use Overleaf for this.
  • Do one section at a time to keep it simple.
  • Whoever is working on this, ping me on Slack for the template
  • Resources to get started with LaTeX: Vincet Knight's Youtube Videos , LaTeX Documentation, Overleaf Guides,Overleaf Tutorials
  • Give the PRs to a branch called resume_latex ( Before you do it remind me or any of the mentors to create the branch for you)
  • Humble Suggestion: Do not run LaTeX files locally

Integration

  • To be added to the Navbar once complete
  • On clicking, the pdf should start downloading

Addition of Skill page

Skill page added with a circular disc for each skill level. I want to work on this issue.

Search Field

Description of the enhancement
A clear and concise description of what the problem you wish to solve or any enhancement you wish to do for the project

  • search field

Screenshots
Screenshots of the proposed changes compared with the current version of the project

Optimization and Miscellaneous

  • Search Engine Optimization - Currently taken care by @shubhkhanna
  • Optimize Assets
  • Faster Loading of Page
  • Dynamic Loading of content using JSON Injection
  • robot.txt
  • Google Analytics Integration

Blog Page

Directions:

Take the code of this repo, do the changes and give the PR to a branch test for this repo. [ The test branch should only contain code for the blog page]

Tasks:

  • Add Dark Mode
  • Modify Footer as per our current website
  • Modify Navbar as per our current website
  • Improve the UI of the landing page of the blog with content and Illustrations

Pre-requisites:

Please have a look at how Jekyll works before you do the changes

Footer

Suggested Features:

  • Logo
  • Quote
  • Contact Form - Name, Email, Message
  • Social Media Links

Experience Page

Experience Page

( Try to have cards depicting a picture or graphics related to the workplace + Role Name + Role Time + Bullet points about the work done + A micro-animation for an icon redirecting to any letter if available)

  • Internships/Jobs
  • Mentorship
  • Freelance/Volunteering

Detailed Contribution Guidelines

Rewrite the Contribution.MD for helping any beginner to contribute to this project.

Key Features:

  • Some GIFs
  • How to install Git, setup GitHub, etc
  • How to fork this repo, create feature branch, pull changes from upstream,etc
  • Giving a PR

** Majority of the above should be written in terms of CLI
** Any screenshots you used must be of this repo, pushed inside assets folder and fetched from here. It is expected that you spend time on using a software like AdobeXD,Photoshop etc to make them custom, highlight features etc

Blog Page

We intend to use Fast pages for this [ You will be submitting the patch files as Pull Requests to this repo and the corresponding changes as PRs to another repo]

Please checkout fastpages repo to learn more about it.

Suggested Tasks:

  • Work on creating a custom.css file
  • Improve the Navigation Bar ( Try to make it consistent with that of this project)
  • Create Dark Mode
  • Add a default landing page to the blog ( Make changes to the index.html)
  • Custom Fonts
  • Improve Footer

Add Favicon to Documenation

  • Please push the changes only to the documentation branch
  • Do not push any build files
  • However, you are expected to share a link of the deploy of your changes. To do this, after doing the changes locally please do:
    mkdocs gh-deploy.

Research Page

  • The UI can be similar to a Google Scholar profile
  • Try experimenting with latex.now.sh
  • Have a button to generate BibTex

Education Page

Suggestions:

  • Formal Education: A card with the name of the College, Degree, A picture or Illustration relevant to it,Activities
  • MOOCs
  • Badges

Updates to ReadMe

Requirements:

  • Remove the listed tasks
  • In the beginning put a custom logo for awesome-developer-portfolio
  • The section following that should be a crisp ( max 100 words description of the project)
  • Put a subheading for A sneak peek
  • Replace the screenshots with gifs of how each page looks when scrolled down
  • For each page put a sub sub heading
  • Write some points about the features of each page
  • Sub Section on How to use this?
  • The geeks🤓 behind this initiative!:
  • Sub Section on Contribution Guidelines. Copy the content from Contributing.MD and place it here appropriately.
  • Sub Heading Open Source Programs we have been a part of:
  • Specify name(sub sub headings), followed by a logo and a short description of the program for :
    - SCI
    - HackInCodes CH-20
    - HactoberFest 2020
    - SLOP 2020
  • Sub Subsections on License and Code of Conduct. Be creative here

Add easy to modify (add content) react templates which can be hosted on static website

Could I add an react project (as templates for portfolio). That could be deployed using github pages simply or heroku or other deploying website. I will also add clear instructions for modifying, deploying and using the project.

I would also like to add simple templates for html pages that can be hosted publishing research online.(this as seprate work from above one.)

Experience Page

( Try to have cards depicting a picture or graphics related to the workplace + Role Name + Role Time + Bullet points about the work done + A micro-animation for an icon redirecting to any letter if available)

  • Internships/Jobs
  • Mentorship
  • Freelance/Volunteering

** Please feel free to use your own academic data or use my or @anushbhatia 's.

Getting Started for the documentation

Expected Contents:

  • Detailed Walkthrough about how to use this repository as a template, clone it, make changes, push them back and host it
  • Sub Sections ( Nested Pages):
    • First Steps: Navigating to this repo on GitHub, Using this as a template, Installing and setting up Git, Cloning the repo
    • Education Page
    • Experience Page
    • Projects Page
    • Research Page
    • Home Page
    • Navbar and Footer
    • SEO and Miscellaneous
    • Final Steps
    • Hosting: GitHub Pages, Netlify, surge.sh, Amazon Amplify

Common Instructions

  • Please push the changes only to the documentation branch
  • Do not push any build files
  • However, you are expected to share a link of the deploy of your changes. To do this, after doing the changes locally please do:
    mkdocs gh-deploy.

GraphQL script

Create a script that uses GitHub's GraphQLv4 api to fetch the details of the PRs for this project with particular labels and/or by particular usernames

Bugs and Enhancement

Bugs

As the site is looking little distorted so I want to work on these bugs.

  1. Toggle button bug (as the button is not showing in every page)
  2. Footer social icon

Enhancement

  1. footer font size
  2. Padding at every page

Mainly I want to work on the dark mode.

@anushbhatia Please assign these tasks :)

Elements overlapping navbar

Elements are overlapping navbar
In all the pages while adding tags we have to set the styling separately for every tag.
We can fix this issue by adding navbar-fixed class in each page and remove position: fixed from style.css
Screenshot (16)

Expected behavior
Can use Materialize CSS inbuilt class for this.
Screenshot (17)

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.