GithubHelp home page GithubHelp logo

harshgoel05 / another-portfolio Goto Github PK

View Code? Open in Web Editor NEW
363.0 3.0 105.0 16.71 MB

An eye-catching developer Portfolio, Built on NextJS.

Home Page: https://portfolio-v3-harshgoel05.vercel.app/

License: MIT License

TypeScript 94.67% JavaScript 2.93% CSS 2.41%
nextjs typescript portfolio-website portfolio react open-source developer-portfolio collaborate

another-portfolio's Introduction

HG_LOGO

Another Porfolio

crafted with โ™ฅ by Harsh Goel.

version 1.0.0 license MIT author Harsh Goel

Harsh's Developer Portfolio built on NextJS!

Built With

This website is built with โ™ฅ on NextJS, statically typed in TypeScript following the best practises in the market.

Installation ๐Ÿ”ง

Install dependencies

$ yarn

Building

$ yarn build

Running Server ๐Ÿš€

Start the development server

$ yarn dev

Start the server

$ yarn start

Other Commands ๐Ÿšง

Use ESLint to check all files

$ yarn lint

Format the code using Prettier

$ yarn format

License ๐Ÿ“œ

Portfolio is available under the MIT license. See the LICENSE file for more info.

Contributing ๐Ÿค

  1. Find an issue to work on from here
  2. Ask the owner/maintainer for permission to work on the issue.
  3. Fork this repository. For help, click here
  4. Clone the forked repository in your local machine For help, click here
  5. Create a new branch For help, click here
  6. Add and commit your changes to the new branch For help, click here
  7. Please use GitMoji for all commits that you make.
  8. Create a Pull Request, add proper description, screenshots, comments and ask a review from owner/maintainer For help, click here
  9. The owner/developer will merge the Pull Request if it aligns with the practises we follow and is valid. One should not merge, and ask for a reviewer to merge it.

Please read Contributing.md for details on our code of conduct, and the process for submitting pull requests to us.

Forking this repo ๐Ÿšจ

Many people have contacted us asking if they can use this code for their own websites. The answer to that question is usually yes, but with credits and approval. There are some cases, such as using this code for a business or something that is greater than a personal project, that we may be less comfortable saying yes to. If in doubt, please don't hesitate to ask us.

We value keeping this site open source, but as you all know, plagiarism is bad. We spent a non-negligible amount of effort developing, designing, and trying to perfect this iteration of our website, and we are proud of it! All we ask is to not claim this effort as your own.

another-portfolio's People

Contributors

dependabot[bot] avatar gaushj avatar harshgoel05 avatar imgbotapp avatar linxford avatar operel avatar sneakysensei 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

another-portfolio's Issues

Add Toasts

Add toasts on custom events

  • scrolling through projects
  • opening some specific page
  • etc

Make proper types and schemas for all data

The data coming from the backend is currently very vague and not clear to first-time users, who clone it.

We need to add proper documentation of the collections and schema of the documents that are stored in the database.

Add Explore Section

Add a new explore page where people can:

  • Download Resume
  • See your education
  • Your Honors
  • Participations
  • Mentorships

Add Name Feature

Know who is scrolling thru your website. Make them feel like its 1-1

Wrong default work experience selected

Describe the bug
The default work experience selected is not from the list of featured work experiences

To Reproduce
Steps to reproduce the behavior:

  1. Go to https://harshgoel.me/work
  2. Scroll down to the end of page
  3. See an error

Expected behavior
The first 0th index should come up

Screenshots
image

Font size changes | Work Experience

Describe the bug
The work experience section (https://harshgoel.me/work) doesn't have proper text sizing. The dates should be smaller and the designation should be bigger

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
image

Clean up css

Describe the bug
There is a lot of unnecessary css that can be cleaned up

Dynamic Content

Add APIs to get data from database and pass it in getStaticProps

TypeError: socialMedia is undefined

This is happening when I run yarn dev

To Reproduce
Steps to reproduce the behavior:

  1. yarn dev

Screenshots
image

  • OS: [Windows]
  • Browser [firefox]

Additional context

Here's the full console output:
image

Add Button Component

Expected Behavior

Add a button that is reuseable, 2 types: outline, solid

Current Behavior

No button compoenent

Gradient Text Selection Bug

Describe the bug
When you select the text which class gradient-text the text becomes transparent.

To Reproduce
Steps to reproduce the behavior:

  1. Go to https://harshgoel.me
  2. Select any gradient text
  3. See an error

Expected behavior
The text should be black when selected like other texts.

Screenshots
If applicable, add screenshots to help explain your problem.
image

Add Bob's modal

Add Modal for Bob's and store user's name from that in cookies => set to never expire

Different Highlight color

Describe the bug
Just highlighted some text on the first page, and the color matched with the text color, and made it unreadable. That's a bit weird only if not done consciously

Screenshots
Screen Shot 2021-07-11 at 7 08 29 PM

Cookies Alert

Add a division that tells users that we might use cookies to provide you a better experience.

Reference: https://codepen.io/robindolle/pen/oMZjVO

Guidelines:

  1. Make a component CookiesAlert
  2. Style using tailwindcss only
  3. Must use the predefined colors
  4. Show it only once to user in 5 days : use local storage to save his preference

Add Explore Page

Add a explore page where people can see your details, achievements etc

ples open

harshgoel05 deploy where should we i dont understand pls clarify this doubt please

Visit Github

Add a section/button to visit the github repo of the website

Navbar active on "Explore"

Describe the bug
Clicking on explore doesn't add an active class to it.

To Reproduce
Steps to reproduce the behavior:

  1. Go to https://harshgoel.me/
  2. Click on 'Explore' in navbar
  3. See an error

Expected behavior
Clicking on Explore should make it "active"

Screenshots
image

Social bar responsive

Describe the bug
The social bar overlaps the navbar when the height is too small.

To Reproduce
Steps to reproduce the behavior:

  1. Go to https://harshgoel.me
  2. Decrease browser height
  3. See the error

Expected behavior
The sidebar should be responsive

Screenshots
image

Cursor clicks is not perfect

Describe the bug
The cursor animation goes at some other place when you click.

To Reproduce
Steps to reproduce the behavior:

  1. Go to https://harshgoel.me
  2. Click anywhere
  3. See error of the cursor animation

Expected behavior
The animation should be at the place of click

Word wrap break in GitHub section

Bug:

The word supercalifragilisticexpialidocious breaks the UI.the p tag should have word wrap break so that it goes in next line.

Screenshot_2021-08-14-10-23-38-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.