Giter Club home page Giter Club logo

resourcio_community-website's Introduction

Resourcio Community


Open Source Love svg1 PRs Welcome Visitors GitHub forks GitHub Repo stars GitHub contributors GitHub last commit GitHub repo size Github GitHub issues GitHub closed issues GitHub pull requests GitHub closed pull requests


One stop hub for all Engineers

Table of Contents
  1. Key Features 📌
  2. Screenshots
  3. Getting Involved
  4. Contributing
  5. Set Up
  6. Learn More
  7. Conect With US

Key Features 📌:

  • All software related resources in one single place
  • Interactive Sessions
  • News and updates of upcoming Hackathons & Open Sources Programs
  • 50+ resources added
  • Open Source Community

Tech Stacks used 💻:

  • React JS
  • JavaScript
  • Node.js
  • MongoDB
  • HTML + CSS

Screenshots

Home-Page
Category-Page
About-Page

🔼 Back to top

Getting Involved

We welcome contributions from the community and are always looking for ways to improve Resourcio Community. Here's how you can get involved:

Contribute code

If you have experience with React and would like to contribute code to the project, please follow the guidelines in the CONTRIBUTING.md file. Your contributions are greatly appreciated!

Report bugs and suggest features

If you find any bugs or have ideas for new features, please open an issue in the Issues section of the repository. Make sure to check if the issue has already been reported before creating a new one.

Ask for help

If you need help with anything related to the React App, feel free to open an issue in the Issues section or reach out to the repository owner or a collaborator for assistance.

We are excited to see what you can bring to the React App and can't wait to see your contributions!

Getting Started with Resourcio_Community-Website

This project was bootstrapped with Create React App.

To Setup this project in your local environment

  • Fork this repo Screenshot 2023-05-20 220917
  • Clone repo to you local system
git clone https://github.com/<your-name>/Resourcio_Community-Website.git
  • Navigate to Project folder
cd Resourcio_Community-Website
  • Navigate to frontend
cd frontend
  • Add .env.local file using Visual Studio Code or any other IDE (example is given in the .env.example) [API url is given below]
https://rc-backend.vercel.app/api
  • You can add the .env.local using Terminal as well by pasting the same API url (Alternative to GUI)
touch .env.local
vi .env.local

Press "I" to insert, then paste URL and save using ESC, then :wq + Enter

  • run
npm install
  • Then run
npm start
  • Good to go!

🔼 Back to top

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

npm run eject

Note: this is a one-way operation. Once you eject, you can't go back!

If you aren't satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.

You don't have to ever use eject. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

Connect

Join Resourcio Community

                        

Show some ❤️ by 🌟 this awesome repository!

🔼 Back to top

resourcio_community-website's People

Contributors

abhi03ruchi avatar abhinav-m22 avatar abhinavcode13 avatar abhirup-02 avatar agarwalhimanshugaya avatar amansingh6574 avatar avinash905 avatar bishakhne0gi avatar debaditya-som avatar devil1205 avatar divyanshinarang avatar harmeetsingh11 avatar harshu467 avatar himanshunarware avatar illaf avatar jiya-garg9971 avatar kalyan-velu avatar kapil9027 avatar mandliyarajendra11 avatar mhdamaan79 avatar pragati-3003 avatar prernadabi23 avatar ronitblenz avatar sinjini-g avatar soumyajit2825 avatar sshiwangi avatar sumitkr2000 avatar triboga21 avatar vineetagarwal-code avatar vishnu9865 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

Watchers

 avatar

resourcio_community-website's Issues

Navbar on every page [GSSOC'23]

Navbar can be consistently displayed on all pages of the website, including the inside pages. This will greatly improve the user experience by allowing easy navigation between different sections of the website.

I would like to work on Routing under GSSOC'23, kindly assign me this issue

Modifications in the 'contact us' section

Instead of the view profile buttons, I would add the icons to the various socials of the people mentioned in this section, below their photos.
By doing this, the page will look more tidy and minimalistic too.
I would like to work on this issue under GSSOC'23.

Improve Resources CARD UI

I plan to use react glassmorphism to make cards for resources section and add animations to it for better UI

Resources Card UI Design

Hi! I would like to contribute to this issue under the GSSoC'23. It seems interesting and aligned with my skills. I would be happy to take it up and work on this project.
card

Update on Category Section

I want to update on resource section especially the card section. I want to contribute under GSSoC '23 as a contributor.

Resource section GSSoC '23

Allow me to bring some change here .

A new page for resources

If we click on any resources button then it take us to the GitHub repo which is ok but I think if there will be special page on which all the resources are mention in a nice interface it will be more good
Screenshot 2023-05-22 143512
Screenshot 2023-05-22 143546

Rewriting Readme.md

The Readme file is incomplete.
Can I make a new readme to be shown with all the details?
(For GSSOC23)

Updation on the navbar-[GSSOC'23]

  1. Make the navbar static, or else the user has to go to the header to navigate.
  2. Moving the routes to center and keeping the login as it is.
  3. The logo is misfitted in the navbar.

No back Button to go back to Home From Resources page

No back Button to go back to Home Page from Resources in both mobile and desktop Image Attached
Screenshot 2023-05-20 094746
i Want to work on this issue under GSS0c2023.

FeedBack : resources page looks weird when compared to Home Page. It looks like we are transformer to another planet😜.

Creation of 'Continue with Google' button

A user would much rather prefer to sign in with Google because it is fast and simple unlike registering manually by typing in the Full Name, email address, password, and confirm password and verifying email.

So, we can create a button that Continue with Google.
continuewithgoogle

PS: I would like to implement the button. So maintainer could you please assign the issue to me.

Update on the Resources Pages

I would love to improve the resources page of this website in terms of Navbar, Card Redesign, Margin, Spacing, etc. I have went through the website and found number of design errors

Navbar is not there
Footer is not there
Card design are not elegant, etc.

Screenshot (360)

Allow me to work under GSSOC'23

[BUG] No validations in Signup and Login Page

Screenshot (102)

In the above image, it is accepting this entry which is completely invalid. So, I request you to assign me this issue.

How I will Fix?
I will add validations in form through Javascript which will accept only valid entries.

Color theme

Screenshot (95)

color theme of signin page didnot match with the color theme of website
please assign this issue to me i can solve it

Improving the readme file

I would like to work on improving the readme file of this project, making it engaging for the users and make it more expressive.

Update the readme

Hey @Abhirup-02 I want to update the readme to add the steps for contribution and the list of contributors. Also, I want to add a glimpse of the project. Please assign me this issue. Thank you!

Add Footer Section GSSOC'23

I want to add a footer section containing additional information, links, and contact details to provide users with supplementary information and navigation options.

Within the footer, you may find various components, one of which is the "Contact Me" section. This section typically includes contact information such as an email address, phone number, or a contact form through which users can reach out to the website/app owner or administrator.
Please assign me this issue for GSSOC'23.

Request to Add Issue Templates: Bug Report, Feature Request, and Styling

I suggest adding three essential templates to our project: Bug Report, Feature Request, and Styling.
These templates will improve project management and collaboration by offering standardized formats for reporting bugs, submitting feature requests, and addressing styling issues. They will streamline communication, enhance issue tracking, and ensure consistency in our development and design processes.

I would like to work on this issue under the GSSoC'23. @Abhirup-02

Changing the footer styling

As a GSSOC' 23 contributor, I would like to change the designing of the footer style as it looks so boring . Please assign this issue to me.

Adding Automatic Number Counter widget to the website

Screenshot 2023-05-21 at 5 03 49 PM

I would like to add an automatic number counter feature to this section of the website. This will enhance user experience. It will add an element of dynamism and interaction that can make the website more compelling and memorable to visitors.

Please assign this task to me. I know HTML, CSS and javascript. And I am currently working on React js.

Backend issue

sign up and sign in is not working properly this is because you might not added any backend to the project , assign this issue to me under GSSOC 2023
how to solve?
I can add jwt authentication whenever a user logged in and store that data base on AWS using mongodb atlas i have done this before with my Task App so i have experience on this. you can assign this to me .

Proper Documentation - Adding ReadMe File [GSSOC ' 23]

Issue Description:

We need to update the project's Readme file to provide essential information for users. The Readme should include the following sections:

Project Description:
Provide a clear and concise description of the project, explaining its purpose, features, and any relevant background information.

Installation Instructions:
Detail the steps required to install and set up the project. Include any dependencies or system requirements that users should be aware of.

Usage Guide:
Provide a comprehensive guide on how to use the project. Include examples, code snippets, and any relevant instructions to help users understand and utilize the project effectively.

License:
Clearly specify the license under which the project is distributed. Ensure that it aligns with the project's open-source or proprietary nature, and provide any necessary attributions or disclaimers.

Contact Information:
Include a section that allows users to easily contact the project maintainers. Provide relevant contact details such as email addresses, social media handles, or links to communication channels (e.g., Slack, Discord) where users can seek assistance or report issues.

I am ready to take up this and provide an detailed documentation for this project. Please assign me for this :)

Redesigning Resources Page

The resources page lacks visual appeal and appears dull.

  1. Add a catchy heading: Introduce a bold and attention-grabbing heading at the top of the resources page. This will make it easier for users to understand the purpose of the page and navigate through the content.
  2. Enhance the background color: Replace the plain and uninteresting background color with a more attractive and visually appealing one. Choosing a color scheme that aligns with the overall theme of the website will create a pleasant browsing experience for users.

Screenshot from 2023-05-20 01-35-33

Fix Image Size for Team Members [GSSOC ' 23]

Issue Description:

The current images of the team members on the project website are not fitting properly within their respective sections. We need to fix the image sizes to ensure a consistent and visually appealing display.

Issue Details:

Image Dimensions:
Review the dimensions of the team member images and ensure that they are consistent in size. This will create a more uniform and professional appearance across the website.

Aspect Ratio:
Verify that the aspect ratio of the images is maintained during resizing. Stretching or distorting the images can negatively impact the visual quality and make team members appear distorted or disproportionate.

Responsive Design:
Ensure that the images are responsive and adjust appropriately based on different screen sizes. This will guarantee that team member images look good on various devices, including desktops, tablets, and mobile phones.

CSS/HTML Adjustments:
Make any necessary CSS or HTML modifications to accommodate the desired image sizes. Review the relevant stylesheets and HTML templates to ensure that the images are displayed optimally.

I am ready to work on this issue and solve them! Please assign me to this

Add Readme

Readme should contain:
the description of the project
Installation Instruction
Usage Guide
License
Contact Information-Provide a way for users to contact the project maintainers

Sticky Navbar

Hi! I would like to contribute to this issue under the GSSoC'23. It seems interesting and aligned with my skills. I would be happy to take it up and work on this project.

Improve the UI Experience of Get In Touch Card

I want to add some hover zooming effect and some box shabow to the Card in Get in Touch Card component to make the UI Experience more enhanced.
Screenshot from 2023-05-22 21-48-54

please assign this task to me under the GSSoC 2023

Color theme

Screenshot (95)

color theme of signin page didnot match with the color theme of website
please assign this issue to me i can solve it

Improving Landing Page in terms of Margin, Spacing and designs [GSSOC ' 23]

I would love to improve the landing page of this website in terms of Margin, Spacing, Fonts, Boxes etc. I went through your website and found number of design errors

  1. Navbar is too big
  2. Text in home screen is not taking enough space
  3. Boxes made are not elegant
  4. Font Size is not good etc

Allow me to work under GSSOC'23

Catagory Section Cards

Hello
I would like to improve the cards under categories section (online resource for remote learning). The size of the cards can be improved according to different views.
Screenshot (355)
Screenshot (356)

Kindly assign me this task, and I will start working on it promptly.

Thank you!

Footer: Copyright year needs to dynamic

Hello Project Maintainer,
I hope you're well. I am impressed by your project and ideas.
There is a fault in copyright year it needs to be dynamic. I have already solved this issue.
Please assign me this issue under gssoc'2023.
I will be happy to contribute in your project.

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.