dakshsinghrathore / brighter-beginnings

Discover coding for beginners in our GitHub repo! Enjoy a free three-module course, an interactive learning experience, and a supportive community. Your journey to a brighter future starts now! Join us!

BrighterBeginnings

Welcome 👋

Unlock the world of coding with our free three-module course, designed for absolute beginners. Embrace an interactive learning experience and join a supportive community, making coding accessible to all. Your journey to a brighter future starts here.

💻 Tech Stack

Frontend

• HTML5 - HTML is the standard markup language for Web pages
• JavaScript - JS is an Open source runtime environment, built on the Chrome browser's V8 engine
• Tailwind CSS - A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup

🚀 Quick start

Contributions are welcome! If you have any ideas, suggestions, or bug fixes, please open an issue or submit a pull request. Make sure to follow the project's code of conduct.

Note: If you are new to open source contributions, you can refer to this guide by GitHub.

Warning: Please do not spam the repository with unnecessary PRs. Make sure to follow the project's code of conduct.

• Go through the CONTRIBUTING.md file, where all the guidelines have been mentioned that will guide you to make your contribution.
• Do check out the project issue tracker section.

Getting Started: Running the Project Locally

Why npm ?

npm relied upon by more than 17 million developers worldwide, npm is committed to making JavaScript development elegant, productive, and safe.

Install dependencies

For frontend

npm install -D @tailwindcss/forms

npx tailwindcss -i ./src/input.css -o ./dist/style.css --watch

This Project was part of

brighter-beginnings's Issues

BUG: Remove firebase auth and implement appwrite authentication

Is there an existing issue for this?

• I have searched the existing issues

What happened?

1. Create a new branch named 'auth' in the repository.

2. Remove the Firebase authentication from the current login button functionality.

3. Implement Appwrite for handling login and registration. Develop an authService class containing methods for login and registration.

4. Feel free to reach out for any clarifications on these tasks.

5. Introduce an alert box that pops up when the "Get Started" button is clicked, notifying the user to log in if they are not currently authenticated.

6. Discord -id : siwam_singh

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

Feat: Student Contribution Portal/Form

Describe the feature

Many times if not all, students learn from multiple sources and combine together precise notes that covers good from all sources. What I wish to implement is a form/portal that could be used to receive such handout notes from beginner students using the website who most likely would not be knowledgable enough about Github to create an issue or a pull request to contribute that.

For simplicity and more comfort of students I was thinking about a google form linked to your email ID if you are okay rather than creating a full web based form from scratch. I believe that most people would have already used google form before and would be much more comfortable using that.

Kindly share your views on this @dakshsinghrathore

Add ScreenShots

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

Feat: Add a Favicon for the Website

Describe the feature

Currently the website don't have any Favicon. We should add the favicon for the Website.

Add ScreenShots

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

Feat:Adding Dropdown effect on profile logo.

Describe the feature

Adding dropdown effect to the profile logo for user to navigate on their profile. @dakshsinghrathore I want to work on this issue can you please assign it to me.

Add ScreenShots

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

Feat: Enhance Registration Page Design

Describe the feature

The current register page design is functional, but I believe we can enhance it to provide a more aesthetically pleasing and user-friendly experience. I'm willing to contribute by redesigning the register page to align with modern design principles and improve overall user engagement.
I can fix the background of this page and incorporate background image and make the page look more aesthetically pleasing.

Add ScreenShots

Here's a sample of what i can incorporate in this page

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

BUG: Logo icon is not present on top

Is there an existing issue for this?

• I have searched the existing issues

What happened?

Logo icon is not present on top of tab as you can see in below Screenshot -

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

BUG: UI glitch in registration form

Is there an existing issue for this?

• I have searched the existing issues

What happened?

Currently ⬇️

Want ⬇️

Refer to this PR for making changes as required.

#39

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

Feat: Improved homepage

Describe the feature

I Think the homepage looks too plain and I can keep the color theme same and edit it to make it look better. I previously edited the register page for the same site so that's my reference work!

Add ScreenShots

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

Feat: Create a contact us Form Page

Describe the feature

The website features a button for contact us but does not have a form anchored to it. What I wish is to design a contact form with the same theme and footer as home page that has 4 input sections.

Input Sections:

1. Name
2. Email ID
3. Contact Number (Optional)
4. Description of Query

This linked to your mail ID such that whenever someone submits a query you receive a mail about it detailing the same.

Add ScreenShots

something like this from GFG but with a bit of modern touch and coherent to base website design.

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

BUG: Favicon Icon Is Not Visible

Is there an existing issue for this?

• I have searched the existing issues

What happened?

There is some sort of Issue with Favicon Icon It Is Not Visible on the webpage

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

BUG: update year dynamically

Is there an existing issue for this?

• I have searched the existing issues

What happened?

In all the modules i.e m1, m2 & m3 the footer has copyright year hardcoded, kindly update them to the current year using JS

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

BUG: Nav Bar in mobile view overlaps with Login Button

Is there an existing issue for this?

• I have searched the existing issues

What happened?

Nav Bar in mobile view overlaps with Login and Register button. When transition from small screen to large screen mobile view Nav Bar remains open.

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

Transition of Navigation Panel in mobile can be enhanced.

Describe the feature

Transition of Navigation Panel is not good. It can be enhanced make its transitions look good.

Add ScreenShots

As we can see Navigation Panel and Login are overlapping. When Navigation Panel is open and we resize the window, panel is still visible.

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

BUG: SUDOKU SOLVER IS NOT WORKING

Is there an existing issue for this?

• I have searched the existing issues

What happened?

On clicking the image of sudoku solver it doesn't redirect to the gaming site whereas other two are redirecting.

Screen.Recording.2024-01-02.at.8.54.01.PM.mov

Please assign me this issue under "SWOC'24"

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

BUG: demo issue

Is there an existing issue for this?

• I have searched the existing issues

What happened?

fdadfad

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

Feat: Creating the About page

Describe the feature

Would like to create the about page for the website

Add ScreenShots

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

BUG: Underline is not responsive in menu items

Is there an existing issue for this?

• I have searched the existing issues

What happened?

Underline in menu items is not responsive in small screen sizes, it goes beyond the width of menu item.

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

Chore: Better folder structure

Describe the chore

This folder structure is confusing. It can be improved by making folders like assets/css (for custom css), assets/js (for js logic), pages (for html files excluding index.html and 404.html.

Add ScreenShots

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

Adding small description about the games in logic building section

Describe the feature

Addition of one or two lines of description about the game

Add ScreenShots

In this page, below the heading, description can be added

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

logo and register button border problem

there is a white border which is reveled when the background is changed .
plz assign this issue to me

Designing getstarted.html page

Describe the feature

I want to add better styling to the getstarted.html page like adding appealing hover effects on the three cards present on the page and changing the styling of the items on header for a better look of the website.
Please assign this issue to me under SWOC.

Add ScreenShots

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

BUG:Button not visible

Is there an existing issue for this?

• I have searched the existing issues

What happened?

"The Let's get started" text is not visible in some pages

I can fix it, please assign it to me under SWOC'24 and I'll fix it.

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

Feat: Updating the Footer Section

Describe the feature

Currently the footer page is so simple.I want SWOC contributors to come up with a possible designs for the footer like adding a hover effects on the social media icon and most attractive designs will get it.
happy coding !

Add ScreenShots

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

Feat: Change Twitter logo to X

Describe the feature

We can change the Twitter logo to X in the footer section.

Add ScreenShots

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

Feat: add codeql workflow

Describe the feature

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

The repository contains code in javascript, it does not have workflow for code scanning.

Describe the solution you'd like

I want to add the codeql workflow to automate security checks. CodeQL is the code analysis engine developed by GitHub to identify vulnerabilities in code. It will analyze your code and display the results as code scanning alerts. It will be enabled on every push, commit and pull request using GitHub actions.

Add ScreenShots

.

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

Add Favicon and Open Graph Protocols and twitter tags for efficient social media sharing.

Describe the feature

I want to add Favicon, Open graph protocols and twitter tags for the website for efficient social media sharing. Please assign this issue to me @dakshsinghrathore

Add ScreenShots

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

Feat: Create Feedback Page

Describe the feature

Currently the feedback page is empty and I want you SWOC contributors to come up with possible designs for this page, most unique one will get it.
happy coding !

Add ScreenShots

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

Adding a better navbar in mobile view

Recognized an improvement , I suggest enhancing the visual of navigation bar in mobile view , currently it seems to be a dull one. I am enthusiastic about addressing and resolving this matter and would appreciate the opportunity to be assigned this task under the SWOC-24 initiative.

BUG:Social Media icons not redirecting

Is there an existing issue for this?

• I have searched the existing issues

What happened?

in the footer,the social media icons dont take you anywhere, i would like to fix this issue (

given required links)

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

Feat: Blog Page

Describe the feature

There is no blog page. If it's intended for custom blogs, then a mini blog application can be made here else external blog links can be added topic-wise.

Add ScreenShots

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

Feat: Our Team Page

Describe the feature

Currently, the link doesn't take to anywhere. A page could be made where contributors of this project can be listed (manually or using a script).

Add ScreenShots

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

Feat:Services Page

Describe the feature

I would like to create the services page for the website.

Add ScreenShots

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

BUG: Page is Horizontally Scrollable

Is there an existing issue for this?

• I have searched the existing issues

What happened?

Page is Horizontally Scrollable which is bad user expierence i can fix it. Below is Sceenshot of Bug -

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

BUG: Text not visible

Is there an existing issue for this?

• I have searched the existing issues

What happened?

As you can see the blur upon scrolling the landing page, I want contributors to update the text-color which suits here.

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

BUG: Social media icons in the footer section are not redirecting to their respective sites

Is there an existing issue for this?

• I have searched the existing issues

What happened?

Whenever we click the social media icons in the footer section of the page, they are taking us to the same website again, inspite of redirecting to the respective social media accounts.

I would like to work on this issue as a SWOC24 contributor, so @dakshsinghrathore kindly assign this task to me.

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

Adding Responsiveness for all devices

Identifying a responsiveness glitch, I propose resolving it through the implementation of an overflow condition. With your approval, I'm eager to take ownership of this task as part of the SWOC'24 initiative, ensuring seamless functionality and an optimal user experience.
In addition to it a better scroll bar can be added , enhancing its visual appearance.

Navbar is not responsive and not fixed

Is there an existing issue for this?

• I have searched the existing issues

What happened?

Navbar is not fixed due to which it is overlapping with all the other content

also these tabs in the navbar are not responsive at all.

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

Feat: Enhancement Request: Include Required Fields in Registration Page

Describe the feature

I would like to propose an enhancement to the registration page to improve user experience and ensure essential information is captured during the registration process.

Add ScreenShots

required.mp4

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

Feat: About Page

Describe the feature

About page missing

Add ScreenShots

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

Feat: UI update

Describe the feature

The hamburger icon fails to display a cross symbol when clicked on.

Add ScreenShots

Currently ⬇️

Change wanted ⬇️

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

BUG: demo2

Is there an existing issue for this?

• I have searched the existing issues

What happened?

fadsfads

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

Feat: Create a chat bot interface

Describe the feature

Task: Develop a Responsive Chat Bot Interface

1. Interface Creation:

• Develop a responsive chat bot interface triggered by clicking the chat bot icon in each module.
• Ensure the interface is user-friendly and visually appealing.

2. Chat Bubble Design:

• Implement chat bubbles for both user and bot interactions.
• Model the chat bubble design to emulate the conversational style seen in ChatGPT for a seamless user experience.

3. Backend Exclusion:

• Omit the need for backend development for this task, focusing on the front-end and user interaction aspects.

4. Responsiveness:

• Ensure the chat bot interface is responsive across various devices and screen sizes.
• Prioritize a consistent user experience, regardless of the device being used.

Add ScreenShots

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

BUG: In the footer, dynamically generate the copyright year instead of hardcoding it.

Is there an existing issue for this?

• I have searched the existing issues

What happened?

Simple JS implementation is required to achieve this

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

Adding about section

A about us section should be added . I can implement this, kindly assign this under swoc'24

About page

Describe the feature

Make about page user intractive .

Add ScreenShots

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

Adding feedback page on navbar

Describe the feature

feedback section on navbar
just i share the ss

Add ScreenShots

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

Feat: Custom Hover and Active Effects for Header Sections

Describe the feature

The current hover and active effects on the header sections are functional, but I believe introducing better effects will empower users to align the website's design . I have created a sample video demonstrating the proposed feature through my portfolio.

Pexisting style

2024-01-01.13-09-22.mp4

Proposed style

2024-01-01.13-10-39.mp4

Add ScreenShots

Portion concerned

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

Feat: Adding more course in Module 3

Describe the feature

Here there are just 2 courses/videos.
I want to add some more short courses like building a CLI app, a Fastapi crash course, and a Django course.

Add ScreenShots

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

Feat: Update the lorem text

Describe the feature

Currently in the registration page, description offers only lorem, update it with apt text.

Add ScreenShots

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue

Feat:password and confirm password should be same

Describe the feature

password and confirm password should be same otherwise it should give us alert

Add ScreenShots

Record

• I agree to follow this project's Code of Conduct
• I'm a SWOC24 contributor
• I want to work on this issue