smaranjitghose/awesome-portfolio-websites

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.

🛠 Primary Tech Stack

Programming Languages

Data Analysis

Machine Learning

Backend Development

DevOPs

Cloud Hosting

MLOPs

Databases

Frontend Development

⚡Areas of Interest

🌟 Synthesizing scripts to make development work flow easier

🌟 Crafting minimalistic Web and Desktop Applications to simplify daily mundane tasks

🌟 Composing and Contributing to open source applications for a community centered and transparent tech ecosystem

🌟 Investigating amusing insights by data analysis across various formats of data such as images,text,geospatial,medical records,pds,etc

🌟 Building tech communities and advocating for products for the future!

🌟 Forging Efficient APIs to enable clients translate their idea into a MVP

🌟 Mentoring young and inquisitive minds to explore their path in tech

🌟 Machine Learning and it's applications across multiple industries such as:

• Healthcare
• Climate Change and Environmental Sciences
• Fitness
• Sports
• Advertising
• And many more!

🌟 Playing with Computer Vision

🌟 Natural Language Process

🌟 Handling MLOPs for machine learning projects meant for collaboration

🌟 Working on Cloud Deployment of ML Applications to enable them scale and be at the fingertips of customers

awesome-portfolio-websites's Issues

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

Replace the timeline in the education page with something more mobile friendly

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

add template screen short it seem more gd

Description:

Screenshots:

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?!

Bugs

Education Page

Suggestions:

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

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

Go to Top Button isn't shown

@smaranjitghose Sir this is the error, that show in console.

The Reason for this issue is :

Can I work on this issue ?

Thanks and Regards
Vishal

"to Top Button" design

As mentioned on the channel by @smaranjitghose I'd like to work on improving the "to top button" design and position.

Documentation

• Preference 1 : Sphinx
• Preference 2: Docusaurus

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.

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

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

Modify the social media icons on Home Page [ Dark mode] so that they blend with the design more effectively

Light and dark mode slider in not sliding at mobile view

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

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

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.

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.

Education Page

TImeline

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

Expected behavior
Can use Materialize CSS inbuilt class for this.

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

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.

Make the fields in the Contact Form of the footer Compulsory to fill

Navigation Bar

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

CSS Problem on Research Page.

Because of this button, research page is not responsive.

Page looks like..

Social Media Icon Links in the website are not directed to the linked webpage

In the Website https://portfolio.smaranjitghose.codes/ .The following issues are notified

1).Consider Social Media Icon Links like Twitter, Github of the website https://portfolio.smaranjitghose.codes/ are not to directed to the concerned webpage account of https://portfolio.smaranjitghose.codes/ in Twitter and Github

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

Updating Readme.md

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

Research Page

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

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

Footer

Same Id for different input.

@smaranjitghose Sir, This is the problem i get in my console.

Should I ignore this, or I should give ids for these inputs.

Thanks and Regards
Vishal

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 :)

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.

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.

Carousel of Certificate in Education section

A carousel of the certificate to showcase all your certificates

We can swap right or left using the two buttons provided

Footer

Suggested Features:

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

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

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.

Improve Nav Bar design for Mobile View

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.

Miscellaneous and Optimizations

• Search Engine Optimization
• Google Analytics
• Chatbot
• JSON data entry

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.

Improve Footer Design

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'

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

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