Giter Site home page Giter Site logo

foss-community / website-fossc Goto Github PK

View Code? Open in Web Editor NEW
36.0 2.0 70.0 35.46 MB

The FOSSCU HomePage

Home Page: https://fosscu.org/

License: MIT License

JavaScript 96.89% HTML 2.14% CSS 0.23% Shell 0.03% Dockerfile 0.36% TypeScript 0.35%
github hacktoberfest open-source hacktoberfest2022 hac

website-fossc's Introduction

FOSSC Documentation ๐Ÿ˜ƒ

This repository contains the assets required to build the FOSSC Website. We're glad that you want to contribute!

An overview of the website

CodeFactor Open in Gitpod

Prerequisites

To use this repository, you need the following installed locally:

How to make your first contribution ???

This documentation aims to simplify and guide the way beginners make their first contribution. If you are looking to make your first contribution, follow the steps below.

If you don't have git on your machine install it.

Fork this repository

Fork this repository by clicking on the fork button on the top of this page. This will create a copy of this repository in your account.

Clone the repository

Now clone the forked repository to your machine. Go to your GitHub account, open the forked repository, click on the code button and then click on open with Github Desktop ot you can click on copy to clipboard icon if you want to use git bash.

Note: Further command are for Git bash users not for the Git Desktop Users

For Git Desktop users ---> Now just click on Open with VS code and start your contribution.

Example:

Commit Changes

After you have updated the files,click on 'Commit to main' and then click on push origin.

Example :

Now Come back to Github web and click on contribute to submit your changes for review.


Steps for Git Bash Users

Open a terminal and run the following git command:

git clone "url you just copied"

where "url you just copied" (without the quotation marks) is the url to this repository (your fork of this project). See the previous steps to obtain the url.

For example:

git clone https://github.com/this-is-you/fossc.git

Here you're copying the contents of the first-contributions repository on GitHub to your computer.

Create a branch

Change to the repository directory on your computer (if you are not already there):

cd desktop

Now create a branch using the git checkout command:

git checkout -b <your-new-branch-name>

For example:

git checkout -b add-new-file

(The name of the branch does not need to have the word add in it, but it's a reasonable thing to include because the purpose of this branch is to add your name to a list.)

Make necessary changes and commit those changes

Now open add or edit file in a text editor. Add code for any existing algorithm in other language or add some new algorithms. Make sure to update correspond README.md file if needed. Now, save the file.

If you go to the project directory and execute the command git status, you'll see there are changes.

Add those changes to the branch you just created using the git add command:

git add "name of the file you add or edit"

Now commit those changes using the git commit command:

git commit -m "Add message for the change"

Push changes to GitHub

Push your changes using the command git push:

git push origin <add-your-branch-name>

replacing <add-your-branch-name> with the name of the branch you created earlier.

Submit your changes for review

If you go to your repository on GitHub, you'll see a Contribute button. Click on that button.

click on Open pull request.

click on Create pull request.

click on Create pull request.

Where to go from here?

Congrats! You just completed the standard fork -> clone -> edit -> pull request workflow that you'll encounter often as a contributor!

Running through docker

Make sure you have docker install in your device, if not Take reference from here

Clone the fosscu website

git clone https://github.com/FOSS-Community/website-fossc

Change directory to cloned fosscu-website directory

cd website-fossc

Build the docker Image

docker build -t <image_name:version_tage> .

Run the Builded Image and create container to it.

docker run --name <container name> -d -p 8080:8080 <build_image_name:version_tag>

๐Ÿ’ช Thanks to all Contributors

Thanks a lot for spending your time helping FOSSC grow. Thanks a lot! Keep rocking ๐Ÿป

Contributors

๐Ÿ™ Support

This project needs a โญ๏ธ from you. Don't forget to leave a star โญ๏ธ

forthebadge forthebadge

Getting Started with VITE

This project was bootstrapped with VITE.

Available Scripts

In the project directory, you can run:

npm install -g yarn

Install all dependencies. This project uses yarn as the package manager. If you don't have yarn installed, you can install it by running the above command.

yarn

Then, install all dependencies by running the above command.

yarn start

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

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

yarn test

Launches the test runner in the interactive watch mode.\

yarn build

Builds the app for production to the dist 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!

yarn 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 VITE documentation.

To learn React, check out the React documentation.

website-fossc's People

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

Watchers

 avatar  avatar

website-fossc's Issues

Code of Conduct

Create a file CodeOfConduct.md and write the guidelines for contributing.

Includes :
At the time of filing PR

  • I have read the Code Of Conduct
  • I have read the README.md file.

Implementing Calendar in the main page of Fosscu

Describe the feature you'd like to request

We need to add the fosscu calendar in the page

Describe the solution you'd like

We have our Fosscu calendar but if someone wants to view it they have to search other links. So I have an idea to implement Calendar button in Navbar which will redirect to the calendar page..

please assign to me i will share the demo @Mr-Sunglasses

Describe alternatives you've considered

No response

Additional context

No response

Hovering to Footer

Contact Details

No response

What happened?

Hovering to Footer

What browsers are you seeing the problem on?

No response

Relevant log output

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Add Toggle Theme Functionality

As a user, I want to be able to switch between light and dark themes on the website/app, so that I can choose the one that is easier on my eyes or fits my preferences.

To implement this feature, we will need to add a button or switch somewhere on the page that the user can click or tap to toggle the theme. When the user switches the theme, we will need to update the CSS styles accordingly to apply the appropriate colors, fonts, and other design elements.

In addition, we should consider storing the user's preference for the theme in a cookie or local storage, so that it persists across page reloads and sessions.

By adding this functionality, we can improve the user experience and make the website/app more accessible and customizable for our users.

Migrate to TypeScript and Next.js

It need to be discussed, I happy to discuss on this issue.

Upvote & Fund

  • We're using Polar.sh so you can upvote and help fund this issue.
  • We receive the funding once the issue is completed & confirmed by you.
  • Thank you in advance for helping prioritize & fund our backlog.
Fund with Polar

Missing 'Resources' option/button on mobile view

Contact Details

[email protected]

What happened?

I've noticed that the "Resources" button is missing from the mobile view of FOSSCU website. The button is present in the desktop view, but it is not present on the mobile version of the site. This makes it difficult to access important resources related to the project when using a mobile device.

@Mr-Sunglasses Sir, could you please assign this issue to me.

fosscimage

What browsers are you seeing the problem on?

No response

Relevant log output

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

add faq page

Adding an FAQ page to the project website would definitely improve the user experience by providing quick answers to common questions ๐Ÿ˜„
I would love to work on it . Sir, could you please assign this task to me.

[Bug]: Nav and Footer Components are Overlapping Each other in the resources page.

Contact Details

[email protected]

What happened?

The footer and Nav components overlap the sidebar component of the Resource Section.

REF to Images

Screenshot 2023-05-03 at 1 38 40 AM
Screenshot 2023-05-03 at 1 38 51 AM
Screenshot 2023-05-03 at 1 39 14 AM

The Optimal Approach is to Fix the nav and Footer components and then render the resource component b/w them, Looking Forward to Discussing more on this issue.

What browsers are you seeing the problem on?

Chrome

Relevant log output

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct

Adding props to component re-render.

When a component in a React application receives new props, it will re-render with the updated data. This can be useful for dynamically changing the content of a component based on user interactions or other events. By updating the props, the component can be made to reflect the latest state of the application.

Starting with Open-Source

Describe the feature you'd like to request

We Fosscu Promote Open-Source but there is a major problem that people are not able to find open source projects of their tech-stack as if they go to higher open source events like Google Summer of Code then it is fine but there are no beginner friendly Projects .

So if anyone have potential and strength to good work in open source community then they fail in finding different resources to find issues and project.. and they quit it

Describe the solution you'd like

We at FOSSCU and fill the gap between Open-Source and People who want to start contributing to open-source projects.

People will not go here and there to find different resources where they can find..

First of all there will be a button like this -

Screenshot from 2023-05-05 20-55-01

and when one will click here then they will move to other page where the resources to find open-source projects will be there..

These Resources will be -

  1. Discord severs to find projects
  2. Different websites where one can find Projects
  3. Different websites where one can find Issues to solve ....

and more..

@Mr-Sunglasses Please assign this to me as it will create a major impact on Open-Source Beginners

Describe alternatives you've considered

No response

Additional context

No response

Adding diffrent social handle

@Mr-Sunglasses In the footer section there is different handles of fosscu including instagram, twitter and github.... We can add more like of linkedin and discord... If it is valueable then please assign it to me sir so i can go with it

[Bug]: Improve the loading time for Fosscu Resource Pages for frontend https://fosscu.org/roadmap

Contact Details

[email protected]

What happened?

The current time to load the https://fosscu.org/roadmap page is very high. We need to reduce it.

Stats

Screenshot 2023-05-03 at 1 56 21 AM
Screenshot 2023-05-03 at 2 02 01 AM

Problem and the Solution

I think the YouTube-embedded links have the problems as shown in the network tab logs under inspect section, so we need to find a good solution to load those YouTube videos in the resource page faster.

What browsers are you seeing the problem on?

Chrome

Relevant log output

Request URL: https://static.doubleclick.net/instream/ad_status.js
Referrer Policy: strict-origin-when-cross-origin
Provisional headers are shown
Learn more
Referer: https://www.youtube.com/
User-Agent: Mozilla/5.0 (iPhone; CPU iPhone OS 13_2_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.3 Mobile/15E148 Safari/604.1

Code of Conduct

  • I agree to follow this project's Code of Conduct

privacy policy

Currently we not have privacy policy so we can create it or give a page displaying we are building it

Screenshot from 2023-04-19 00-06-56

Add a resources page

Hello sir,
The resources page on the website is currently under construction. As a frequent visitor to the site, I would be happy to help with this and contribute to the creation of the page...

Screenshot from 2023-04-23 20-16-52

Request for Enhancement: Multiple Improvements to Website

Contact Details

[email protected]

What happened?

I have been exploring FOSSCU website and have identified several areas where I believe improvements could be made to enhance the user experience. These include:

  • Adding hovering effects to icons and navbar options.
  • 3

  • Handbook button is present in the desktop view, but it is not present on mobile view.
  • 1

  • The hovering effect on the contact form could be improved.
  • The links on the contact pages do not open in a new tab
  • https://fosscu.org/contact
    2

    @Mr-Sunglasses Sir, please assign this task to me.

    What browsers are you seeing the problem on?

    No response

    Relevant log output

    No response

    Code of Conduct

    • I agree to follow this project's Code of Conduct

    Broken link

    When we head to the Team section then the profile link of one Person is broken.

    Screenshot from 2023-04-03 00-21-48

    Migrate from create-react-app to vite.

    The current portal uses create-react-app which is obsolete and doesn't recommend by the react team due to its speed issues. Vite is a good alternative so migrate the website to Vite.

    Misaligned Button

    Contact Details

    [email protected]

    What happened?

    There seems to be a bug on FOSSCU Website where two buttons are not aligned properly on the right side. Specifically, the buttons appear to be misaligned, with one button appearing slightly above or below the other.

    And I made some changes to fix bug. I would like to submit them for review.

    @Mr-Sunglasses @ak

    fossc

    What browsers are you seeing the problem on?

    No response

    Relevant log output

    No response

    Code of Conduct

    • I agree to follow this project's Code of Conduct

    Add a button to schedule doubt/queries session

    Describe the feature you'd like to request

    Recently, we at FOSS Community proposed a new community structure. Based on that, the 'learners' can schedule time to discuss their queries and issues. We need a button on the website to schedule the session.

    Describe the solution you'd like

    A button on the website to schedule the doubt/query resolution session.

    Describe alternatives you've considered

    N/A

    Additional context

    Link to schedule the session - https://cal.com/fosscu/

    Fix the Link of Blog in navbar

    The current hyperlink of Blog in Navbar does not redirect to fosscu-blog. We need to redirect it to fosscu-blog.vercel.app.

    Add a page for 'Women in Tech'

    FOSS Community is also supporting the role of Women in Technology. To achieve this, a separate page needs to be created for 'Women in Tech'.

    [Bug]: Command not visible

    Contact Details

    [email protected]

    What happened?

    On Fosscu getting started page. command Ctrl+k is not visible to users.

    Screenshot from 2023-05-04 14-42-34

    Note: I would like to work on this issue

    What browsers are you seeing the problem on?

    No response

    Relevant log output

    No response

    Code of Conduct

    • I agree to follow this project's Code of Conduct

    [Bug]: Sidebar icon missing on mobile view when sidebar gets hidden on roadmap page

    Contact Details

    [email protected]

    What happened?

    When using the website/app on mobile view or smaller screens, the sidebar gets hidden automatically to provide more space for the content. However, the icon of the sidebar menu is missing, which makes it inaccessible to users who want to access the sidebar.

    https://fosscu.org/roadmap

    Screenshot from 2023-05-06 16-36-56

    @Mr-Sunglasses sir, I have made the necessary changes to fix it. I will be creating a pull request shortly to submit my changes for review :soo

    What browsers are you seeing the problem on?

    Firefox, Chrome

    Relevant log output

    No response

    Code of Conduct

    • I agree to follow this project's Code of Conduct

    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.