search

Algolisted-Org / AlgoListed

Algolisted is an AI-powered nonprofit analytics firm dedicated to assisting computer science students in preparing for placements and internships. Our services include tracking and analytics across various platforms and topics.
http://algolisted.com
Other
135 stars 75 forks source link

Create and Pull JSON file and show details on Contributor Work page | HacktoberFest 2023 #101

Closed NayakPenguin closed 12 months ago

NayakPenguin commented 12 months ago

Hey there! This issue is tailor-made for newcomers who are just getting started with their contributions and have some development skills under their belt. We're here to welcome and support you on your journey!

Issue :

Screenshot 2023-10-01 at 9 49 19 PM

The screenshot above displays an incomplete page. As our website serves various purposes and has a significant user base, we aim to maintain a record of contributors' activities. On this page, our intention is to showcase data such as their usernames, a log of all the pull requests (PRs) they've initiated, and the objectives behind each of these PRs.

Objectives :

  1. Create a JSON file : Be creative in finding what kind of data would be good to show for each user. Eg. username, profile pic, pull-request dates and reason etc. If you want to get some real data you can check the previous Algolisted accepted pull requests. Create the JSON file named contributorsData.json in client > src > Components Note : Create at least data for 5 users.

  2. Call the JSON in ContributorWork.js : Call the JSON file in ContributorWork.js which is already present in client > src > Screens > ContributorWork.js - now be creative in the UI how you want to show the data of contributors. Note : Write the CSS in the same file using Material UI

Important :

  1. Please don't change any file other than what is mentioned - if you want please mention it below.

How to run the repo in local environment :

  1. Go inside client in terminal
  2. Run command npm install
  3. Run command npm start or yarn start

How to get your PR accepted :

  1. Consider giving our project a star as it helps enhance the project's credibility.
  2. Write the PR title as - # 101 Issue Resolved | {something you want to mention}
  3. Write a good PR comment with a screen-shot of the work
  4. Make sure to generate the PR to the main branch of this repository.


Express your interest in the open-conversion section below to request this issue as an assignee! Enjoy your coding journey! :) 🚀

Snowfall22 commented 12 months ago

interested

Snowfall22 commented 12 months ago

could I pls work on this?

NayakPenguin commented 12 months ago

Ok sure @Snowfall22, I am assigning the issue to you.

Others who share an interest can also comment in the conversations below.

Snowfall22 commented 12 months ago

Thank you!

Snowfall22 commented 12 months ago

Hi, have issues in setting up. I'm getting dependency errors on running npm install in the client

NayakPenguin commented 12 months ago

@Snowfall22 Send a mail on nayak.primary@gmail.com

CollegeFellow commented 12 months ago

@Nayaker Interested

NayakPenguin commented 12 months ago

Great @CollegeFellow I am assigning this issue to you as well.

Others who share an interest can also comment in the conversations below.

jatingodnani commented 12 months ago

is their any figma file??

NayakPenguin commented 12 months ago

No, there isn't a Figma file @jatingodnani for this issue, so you have the freedom to develop whatever you like based on your creativity.

jatingodnani commented 12 months ago

Only PRs that are closed need to be shown in the UI

NayakPenguin commented 12 months ago

Yes!

jatingodnani commented 12 months ago

i am interested

CollegeFellow commented 12 months ago

@Nayaker I've created PR for this issue https://github.com/Nayaker/AlgoListed/pull/103 Please share your feedback.

jatingodnani commented 12 months ago

@CollegeFellow how to you deploy this in local beacause npm run start not working

NayakPenguin commented 12 months ago

I guess it's an issue that a lot of you are getting.

@CollegeFellow can you please make a short video on how to run the repo locally from the start?

mohitsaini07 commented 12 months ago

Hi Nayaker, Is this the issue to make a video on how to run the repo locally? If, i can create that.

jatingodnani commented 12 months ago

16962413916648077826824453119700 @Nayaker i make this type of card review this and tellis this ok and suggest changes

NayakPenguin commented 12 months ago

Hi Nayaker, Is this the issue to make a video on how to run the repo locally? If, I can create that.

Yes sure @mohitsaini07 I created one #104 - if you can do the task do comment in there I will assign it to you :)

NayakPenguin commented 12 months ago

@Nayaker i make this type of card review this and tellis this ok and suggest changes

Great @jatingodnani, but I think the current change in the repo looks good, UI-wise! see if you can do some more creative changes to it. If yes you can create a new issue.

Screenshot 2023-10-02 at 4 08 26 PM

https://github.com/Nayaker/AlgoListed/pull/103

NayakPenguin commented 12 months ago

UPDATE

https://github.com/Nayaker/AlgoListed/pull/103 - This pull request has been submitted and successfully merged into the repository. If you have any innovative ideas for further project enhancements, please feel free to submit your own pull request. The issue is still open, and we welcome your contributions! :)

jatingodnani commented 12 months ago

I thiks it look like mixing card we can give some some margin between them and add shadow to box

Mohit030802 commented 12 months ago

Hi, have issues in setting up. I'm getting dependency errors on running npm install in the client

@Snowfall22 How did you solve that issue?

NayakPenguin commented 12 months ago

Check @Snowfall22 @jatingodnani @mohitsaini07 #101 now the issue is resolved with the current repo changes!

jatingodnani commented 12 months ago

Should i need to refork the repo?

NayakPenguin commented 12 months ago

Yes I think that would be better!