GithubHelp home page GithubHelp logo

frontendfreaks / official-website Goto Github PK

View Code? Open in Web Editor NEW
48.0 48.0 101.0 869 KB

Home Page: https://frontendfreaks.vercel.app/

License: MIT License

CSS 0.88% TypeScript 34.26% JavaScript 1.55% MDX 63.31%
hacktoberfest hacktoberfest2023

official-website's People

Contributors

abhish7k avatar aishwarya-mali avatar akash-pugazh avatar anamika133m avatar ankit1296 avatar antonpalermo avatar devcode-shreyas avatar fuzaildev avatar hemant14050 avatar hrithik0112 avatar huzaifa785 avatar khushijohri2001 avatar manishbisht7 avatar manishbisht777 avatar monisanees270798 avatar nnisarggada avatar nsundriyal62 avatar realrohitgurav avatar saniyasaher20 avatar sanjeetsahu29 avatar sanskritigupta05 avatar sarveshpyadav avatar shyam3050 avatar sridharrajaram avatar sujit-shrc avatar sujitmemane avatar tanmay-joshi73 avatar thotaritikesh avatar ujjawalsh99 avatar vishal-raj-1 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  avatar  avatar

Watchers

 avatar  avatar  avatar

official-website's Issues

[bug]: No border in newsletter form input field

Description

There is no border in the newsletter form input field. In small devices, the user cannot clearly see the difference between the input form and the subscribe button.

Screenshots

image

Additional information

Expected

  • there should be a light border on input form and subscribe button.

Improve Documentation

  • #CSS Notes

  • CSS Backgrounds and Gradients

Screenshot (49)

 /* Using a background image */
 .container {
   background-image: url(bg.jpg);
 }
- > For a beginner, it's important to know that you can use different types of image files for background images. such as
- .PNG
- .SVG
- .GIF
but we specify only one there

[Feat] Dark mode

Description

Add dark mode to website

Screenshots

No response

Additional information

No response

Update the Content of Loops Page of DSA in JS

Description

Description:
This issue is for updating the content of Loop Page of DSA (Data Structures and Algorithms) section in our project. Here are the specific changes needed:

1. What is on this Page ? - Section

  • It should contain the list of topics covered in the video.

2. This Page should Contain Tabs - Learn and Assignment

  • Create tabs for "Learn" and "Assignment" sections.

3. Learn Section should contain Video and Notes

  • In the "Learn" section, add subsections for videos and notes.

4. Assignment section should contain assignments

  • In the "Assignment" section, include assignments related to the topics.

5. To update the content
Go to the Content folder of the root directory, then navigate to the batch folder, and then navigate to the DSA folder to make changes in the 'loops.mdx' file.

Content Check:
For reference, please check the current content in the Loops Content file.

Additional Information:
Please make sure to maintain consistency with the existing structure and style of the project. Let's enhance the DSA page to make it more user-friendly and informative.

[DOCS] How to contribute

Description

Add a section for docs in the site for site docs

Screenshots

Something like this

image

Additional information

No response

Documentation Missing

image

In the Learn-Javascript-Dom Manipulation
we specify ๐ŸŽจ Changing style of HTML element using JavaScript
but its not present in that page so we should remove ๐ŸŽจ Changing style of HTML element using JavaScript from the page

[Feat] Playground

Description

Add a playground for a better experience while learning HTML, CSS, and Javascript

Screenshots

No response

Additional information

No response

CSS issues on homepage

Description

  • In the "Our Batches" section of HOME page, the font size of the cards' text is too small. Also, this font size does not match with other areas of the website. I request to change the font size.
  • In the "Footer" section of HOME page, while hovering the links, they are not properly visible. The hover colour of the links should be changed in dark mode as well as in light mode.

Screenshots

  1. OUR BATCHES SECTION
    image

  2. FOOTER SECTION
    image

Additional information

No response

[Feat] Build/react

Description

Add content to build/react

Screenshots

No response

Additional information

No response

[DOCS] Readme

Description

Create Readme for the project

  • What's the project for
  • features
  • how to run it on local
  • and many more things

Screenshots

No response

Additional information

No response

[Feat] Learn/css

Description

Add Trivia/interview to learn css

Screenshots

No response

Additional information

No response

OnClicking the Title like "HTML" dropdown should open

Description

Right now if you click on "Arrow" then only content is expanding or collapsing. It would be great to click the title content to expand or collapse.

Refer ScreenShot for more infoto

Screenshots

image

Additional information

No response

[Feat] Docs Pager

Description

Add prev and next article at the bottom of the page

Screenshots

Example

image

Additional information

No response

[Feat] Footer

Description

Create footer for the page

Screenshots

No response

Additional information

No response

[Feat] Docs Search

Description

Currently, the ui is done for the docs search component now we need to add some logic to it

Screenshots

Example

image

Additional information

No response

Little update in readme

Description

I am searching for the link of main website but not able to find it. I am new to open source and thinks that main link should be in readme.

Sorry if I am making a wrong assumption.
If not then you can assign this to me.

Thanks for your time.

Update the content of Recursion Page of DSA in JS

Description

Description:
This issue is for updating the content of Recursion Page of DSA (Data Structures and Algorithms) section in our project. Here are the specific changes needed:

1. What is on this Page ? - Section

  • It should contain the list of topics covered in the video.

2. This Page should Contain Tabs - Learn and Assignment

  • Create tabs for "Learn" and "Assignment" sections.

3. Learn Section should contain Video and Notes

  • In the "Learn" section, add subsections for videos and notes.

4. Assignment section should contain assignments

  • In the "Assignment" section, include assignments related to the topics.

5. To update the content

  • Go to the Content folder of the root directory, then navigate to the batch folder, and then navigate to the DSA folder to make changes in the 'recursion.mdx' file.

Content Check:
For reference, please check the current content in the Recursion Content

Additional Information:
Please make sure to maintain consistency with the existing structure and style of the project. Let's enhance the DSA page to make it more user-friendly and informative.

[Feat] Table of contents

Description

Add table of contents for each page at the side

Screenshots

Example
image

Additional information

No response

Bug: sidebar

Description

Docs sidebar in dark mode doesn't appear to be good

image

Screenshots

No response

Additional information

No response

IMPROVEMENT: Remove the "@next/font" warning

Description

HOW TO REPRODUCE THE WARNING:

  1. Open the project in code editor
  2. Run this command npm run dev
  3. You will see this warning->
    warn Your project has '@next/font' installed as a dependency, please use the built-in 'next/font' instead. The '@next/font' package will be removed in Next.js 14.

This is the warning screenshot:
next font warning

Refer to this next js doc for more information: https://nextjs.org/docs/pages/building-your-application/upgrading/codemods#use-built-in-font

[Feat] Turn the light-dark mode button into a toggle switch

Description

Currently the navbar has a button for light and dark mode which on clicking gives option to opt for a mode, I propose to make it more dynamic by adding a toggle switch which would dynamically detect the colour of the page and change the colour accordingly

Screenshots

No response

Additional information

No response

[DOCS] Content-Learn/Html

Description

Add content to learn/HTML page

Screenshots

No response

Additional information

No response

Update the content of String Page of DSA in JS

Description

Description:
This issue is for updating the content of String Page of DSA (Data Structures and Algorithms) section in our project. Here are the specific changes needed:

1. What is on this Page ? - Section

  • It should contain the list of topics covered in the video.

2. This Page should Contain Tabs - Learn and Assignment

  • Create tabs for "Learn" and "Assignment" sections.

3. Learn Section should contain Video and Notes

  • In the "Learn" section, add subsections for videos and notes.

4. Assignment section should contain assignments

  • In the "Assignment" section, include assignments related to the topics.

5. To update the content

  • Go to the Content folder of the root directory, then navigate to the batch folder, and then navigate to the DSA folder to make changes in the 'string.mdx' file.

Content Check:
For reference, please check the current content in the String Content

Additional Information:
Please make sure to maintain consistency with the existing structure and style of the project. Let's enhance the DSA page to make it more user-friendly and informative.

FIx: Navbar Responsiveness

Description

There are some spacing issues in navbar in mobile mode

Screenshots

No response

Additional information

No response

Update the Content of Polyfills Page of DSA in JS

Description

Description:
This issue is for updating the content of Polyfills Page of DSA (Data Structures and Algorithms) section in our project. Here are the specific changes needed:

1. What is on this Page ? - Section

  • It should contain the list of topics covered in the video.

2. This Page should Contain Tabs - Learn and Assignment

  • Create tabs for "Learn" and "Assignment" sections.

3. Learn Section should contain Video and Notes

  • In the "Learn" section, add subsections for videos and notes.

4. Assignment section should contain assignments

  • In the "Assignment" section, include assignments related to the topics.

5. To update the content

  • Go to the Content folder of the root directory, then navigate to the batch folder, and then navigate to the DSA folder to make changes in the 'polyfills.mdx' file.

Content Check:
For reference, please check the current content in the Polyfills Content

Additional Information:
Please make sure to maintain consistency with the existing structure and style of the project. Let's enhance the DSA page to make it more user-friendly and informative.

[Feat] Expand and collapse batches

Description

By Default, All batches are expanded. It would be great if user can expand and collapse batch (like if you want to learn HTML, CSS, JS, you don't need to see other batches like Hire or Build)

image

Screenshots

No response

Additional information

No response

[DOCS] Content-Github

Description

Add content to learn git/github page

Screenshots

No response

Additional information

No response

Placing a menu icon in mobile view

Description

I think there should be a menu icon in mobile view just aside of website name. Currently we get the menu after clicking on website name but we can improve it by following steps-

  1. Place a new menu icon (three bars)
  2. We get the home page again after clicking on website name.
  3. And website name will be in single line

Screenshot_2023-10-02-16-50-19-221_com android chrome

Update the Content of Time Complexity Page of DSA in JS

Description

Description:
This issue is for updating the content of Time Complexity Page of DSA (Data Structures and Algorithms) section in our project. Here are the specific changes needed:

1. What is on this Page ? - Section

  • It should contain the list of topics covered in the video.

2. This Page should Contain Tabs - Learn and Assignment

  • Create tabs for "Learn" and "Assignment" sections.

3. Learn Section should contain Video and Notes

  • In the "Learn" section, add subsections for videos and notes.

4. Assignment section should contain assignments

  • In the "Assignment" section, include assignments related to the topics.

5. To update the content

  • Go to the Content folder of the root directory, then navigate to the batch folder, and then navigate to the DSA folder to make changes in the 'time-complexity.mdx' file.

Content Check:
For reference, please check the current content in the Time Complexity Content

Additional Information:
Please make sure to maintain consistency with the existing structure and style of the project. Let's enhance the DSA page to make it more user-friendly and informative.

Bug: dark mode

Description

Callouts is dark mode are looking like this

image

Screenshots

No response

Additional information

No response

Update the Content of Array Page of DSA in JS

Description

Description:
This issue is for updating the content of ArrayPage of DSA (Data Structures and Algorithms) section in our project. Here are the specific changes needed:

1. What is on this Page ? - Section

  • It should contain the list of topics covered in the video.

2. This Page should Contain Tabs - Learn and Assignment

  • Create tabs for "Learn" and "Assignment" sections.

3. Learn Section should contain Video and Notes

  • In the "Learn" section, add subsections for videos and notes.

4. Assignment section should contain assignments

  • In the "Assignment" section, include assignments related to the topics.

5. To update the content

  • Go to the Content folder of the root directory, then navigate to the batch folder, and then navigate to the DSA folder to make changes in the 'array.mdx' file.

Content Check:
For reference, please check the current content in the Array Content

Additional Information:
Please make sure to maintain consistency with the existing structure and style of the project. Let's enhance the DSA page to make it more user-friendly and informative.

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.