Code Monkey home page Code Monkey logo

open-source-galaxy's Introduction

Open Source Galaxy πŸš€πŸŒŒ

Welcome to Open Source Galaxy! Our mission is to foster a thriving community of open-source enthusiasts and keep you informed about the latest open-source contribution events.

🌟 Overview

Open Source Galaxy is your go-to platform for staying updated on upcoming open-source contribution event registration openings. With our platform, you can easily access information about events and ensure you never miss an opportunity to participate and contribute.

πŸ› οΈ Technologies Used

  • HTML
  • CSS
  • JavaScript
  • React.js (Frontend Framework)
  • Auth0 (User Authentication)
  • Email.js (Email Notifications)
  • GoDaddy (Domain Purchase)
  • Firebase (Deployment)

πŸ’‘ Features

  • Event Notifications: Get timely reminders for upcoming open-source contribution events.
  • User Authentication: Secure login and authentication using Auth0.
  • Custom Domain: Access the platform through a personalized domain.
  • Seamless UI: Intuitive user interface for easy navigation.

πŸ“š How to Contribute

We welcome contributions from everyone! Here’s how you can get involved:

  1. Fork the Repository: Click on the 'Fork' button at the top right corner of this page.

  2. Clone the Forked Repository:

    git clone https://github.com/Rupa-Rd/Open-Source-Galaxy.git
  3. Create a New Branch:

    git checkout -b <branch-name>
  4. Make Your Changes: Implement your changes or add new features.

  5. Commit and Push:

    git add .
    git commit -m "your commit message"
    git push origin <branch-name>
  6. Submit a Pull Request: Go to the original repository and create a new pull request from your forked repository.

Please ensure your code follows our Contribution Guidelines.

πŸ‘₯ Contributors

We thank the following individuals for their contributions to Open Source Galaxy:

Rupa-Rd Mehak-Mattoo Ayushswirlon deepesh611 kom-senapati rajdesai17 avyaanverma Kaustav2410 shatanshu3006 mu6m Meetjain1

Thank you for being a part of Open Source Galaxy! Let's make a difference in the open-source community together. πŸŒπŸ’‘

open-source-galaxy's People

Contributors

avyaanverma avatar ayushswirlon avatar deepesh611 avatar kaustav2410 avatar kom-senapati avatar meetjain1 avatar mehak-mattoo avatar mu6m avatar rajdesai17 avatar rofiesiiitp avatar rupa-rd avatar shatanshu3006 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

open-source-galaxy's Issues

[UI Design] Creating a Landing Page

Is your feature request related to a problem? Please describe.
When the user clicks the link, the open source event is shown without any proper welcome.

Describe the solution you'd like
Create a home/landing page for a better user experience.

Things to considered before developing

  1. Do not change the color, font of the website
  2. Do not create a html page, instead create a component inside the pages folder. src > pages > new_page.js
  3. Include animations for smooth transition
  4. Include the FAQs in the home page.
  5. Do not touch public folder

Additional context

Change of Card Structure

Screenshot 2024-06-17 114256

Changing Card Structure to

  1. Making the image to the link of the homepage of the open source program
  2. Changing "Email" to icon of mail.
  3. Adding LinkedIn and other social media links of the organization.
  4. Adding a probable timeline

Improve Website: Add Resources for New Contributors

Improve Website: Add Resources for New Contributors

Issue Description

I would like to suggest an improvement to our website that can help new contributors get started with open source contributions more easily. By adding a dedicated section with resources, we can provide valuable information and tools that can make the contribution process smoother and more accessible.

Proposed Resources to Add

  1. Git Commands Guide:

    • A comprehensive guide that covers essential Git commands such as clone, commit, push, pull, branch, merge, and others.
    • Examples and best practices for using Git in open source projects.
  2. Markdown (MD) File Usage:

    • A tutorial on how to write and format Markdown files, including headings, lists, links, images, and code blocks.
    • Best practices for creating README files and documentation using Markdown.
  3. Contribution Guidelines:

    • Detailed steps on how to fork a repository, make changes, and submit a pull request.
    • Explanation of common terms and processes in open source contributions.
  4. Setting Up the Development Environment:

    • Instructions on how to set up a local development environment for our project, including dependencies and tools needed.
  5. Code of Conduct:

    • A clear and concise code of conduct to ensure a welcoming and respectful environment for all contributors.
  • I am willing to help create and compile these resources.
  • Feedback and additional suggestions are welcome!

Thank you for considering this suggestion.

[UI Design] Adding some more Open source programs

Describe the solution you'd like
We can add more opensource programs .

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

@Rupa-Rd assign this to me i will add more open source programs . I am working under VSOC

Creating a Blog Button

The blog page has been created by a wonderful contributor, to link the blog page the blog page button is needed.

Tasks should be completed

  1. Blog button in the navbar

Important note:

  1. Do not change the website's theme and color
  2. Go with the button's default theme in the website

Fade in functionality

Fade in for all the buttons on website (email, link,login,search bar, search button, all the cards and header) upon loading of the website.

Improving Header

General additions, include navigation bar with more options + footer for the front page + the log in page has some issue as shown in picture below, also we could make the cards of the events a bit more interactive along with that add a scrolling banner at the front page to show off the events, that might look cooler.
nav bar
ui
what dev_

Changing the login button and Search Area

  1. Adding border radius
  2. Adding Hover effect
  3. Adding a transition effect
  4. The button goes a little darker and floats on hovering
  5. Tooltips (hovering tip)
  6. Similar hovering and Tooltips effect on Search Icon (with the same color changes [little darker])

Before:
Screenshot 2024-06-17 at 12 00 15β€―PM

After:
Screenshot 2024-06-17 at 12 11 43β€―PM

Tooltip update:
Screenshot 2024-06-17 at 12 15 14β€―PM

Add a chatbot

Addition of a chatbot would help new users to get custom answers along with that make, chatbots on websites offer 24/7 support, answer questions, and help visitors navigate. This improves customer service. and user hospitality and it would be easier for them to understand and navigate the website

Creating a Real-time remainder notifications to the user

The current version of the Open-Source Galaxy website lacks the remainder feature. Since, the sending remainder is the main objective of the open source galaxy I would like the contributor to work with the JavaScript file to create remainders.

Tasks to be done:

  1. Remainders for the upcoming events with date and time of event registration opens.
  2. Deadline remainders to the users
  3. Deadline closed remainders

The item boxes alignment

The boxes on the website are not aligned properly some are out of range it has to be placed properly
Screenshot (452)

Creating Login Page using Html, CSS, JS

  • [ ]
    Screenshot 2024-06-17 095138

This is the shape of the current file.

Changes I suggest:

  1. Addition of OAuth using Flask
  2. General Changes in UI Design, by removing black space, and adding suitable images etc.
  3. New authentication user database.

Improve card UI

image

Here its hard to distinguish title, button and link
So these can be designed uniquely with icons and background color of cards can be changed and glassmorphism, roundedness can be introduced

[UI Design] Create `About` page

Is your feature request related to a problem? Please describe.
Create the About page

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

Icon can be added

Icon brings better UX and authentication to the website. It can be added with a good design
Screenshot (454)

Improving UI of the website

  • Adding a good Background to the website
  • show 4 tiles isntead of 3. The tiles look too big in the current layout

Creating a project's README file

Current README file has contain the outline of why the project has been developed.
The task of the contributor is to edit the existing readme.md file by adding gifs, images and detailed workflow of the website.

Add New Open Source Programs to the List

Description:

Summary:
To provide the users with more opportunities and resources, I propose adding the following open source programs to the existing list. These programs offer valuable learning experiences, mentorship, and community engagement for developers of all levels.

Programs to Add:

Hyperledger Mentorship Program
Description: Aimed at students and professionals to work on Hyperledger projects under the guidance of mentors.

Reinforcement Learning Open Source Fest by Microsoft
Description: An annual program focused on projects related to reinforcement learning and machine learning.

LFN Mentorship Program
Description: Offers students opportunities to work on Linux Foundation Networking projects.

Summer of Nix
Description: A summer program to work on projects related to the Nix ecosystem.

24 Pull Requests
Description: An annual initiative encouraging developers to make 24 pull requests to open source projects in December.

GitHub Octernship Program
Description: A program connecting students with industry partners for internships focused on open source projects.

FOSSASIA Internship Program
Description: An internship program offering students the chance to work on FOSSASIA projects.

Quansight Internship
Description: Offers internships to work on data science and open-source projects.

Including these programs will enrich our list, providing more diverse and valuable opportunities for the users. If there are any other suggestions or programs that should be included, please mention them in the comments.

[UI Design] Enhancing footer and navbar

Is your feature request related to a problem? Please describe.

Describe the solution you'd like
Some ui enhancement like hover effect in navbar and footer section needed also some spacing and responsiveness issue in footer and navbar.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Additional context
Add any other context or screenshots about the feature request here.

@Rupa-Rd assign this issue to me I wil enhance it . I am working under VSOC . Thanks

Add Footer

Footer that states the following things:

  • Mini description of the site
  • Subscribe with the email
  • Social Media Links

Creating a popup description

Creating a description popup for each card.
When the user clicks the image of the open source event, it should pop a description of the event.

Things to remember

  1. Stick the primary colors of the webpage,
  2. Make more responsive
  3. Make a smoother transition

Styling Font and Color

image

The fonts and colors combo is not appealing and cards style can be improved too by adding icons and roundness.

Creating a new blog page

Description

  • Create a new blog page to display the experience of the open source events listed on the open source galaxy website.
  • Use the same styling format as main page
  • Use the same font, color

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.