thecyberworld / thecyberhub Goto Github PK

Welcome to TheCyberHUB, a community-driven platform for hackers, cybersecurity enthusiasts, and IT professionals. Our platform provides a variety of free resources, including Capture The Flag (CTF) challenges, courses, blogs, forums, and much more.

Home Page: http://www.thecyberhub.org/

License: MIT License

HTML 0.14% CSS 0.76% JavaScript 98.99% Shell 0.01% Dockerfile 0.02% Java 0.09%

api react javascript open-source hacktoberfest mern mern-stack blog cyber cybersecurity

thecyberhub's Introduction

TheCyberHUB

👨‍💻 Website link: TheCyberHUB

Development Website link: TheCyberHUB Dev

Table of contents 💻

Title
🤖 Installation Guidelines
- 👇 Prerequisites
- 🛠️ Installation Steps
👨‍💻 Contributing
🛡️ License
🙏 Support
📨 Contact US

🤖 Installation Guidelines

👇 Prerequisites

Before installation, please make sure you have already installed the following tools:

Git
Nodejs

🛠 Installation Steps

Fork the repository
Clone the forked project
Navigate to the cloned project directory
Move to the dev branch: git checkout dev
Install the dependencies with npm i
Create a .env file in the root directory of the project
Copy the contents of .env.example to .env file
Run npm run dev to start the server
Open the browser to visit the website at http://localhost:3000/

If you are new to Git and GitHub, then must check out first-contribution repository first and contribute to it before you contributing to other open-source projects.

👨‍💻 Contributing

Contributions make the open source community such an amazing place to learn, inspire, and create.
Any contributions you make are truly appreciated.
Check out our contribution guidelines for more information.

🛡 License

thecyberhub.org is licensed under the MIT License - see the LICENSE file for details.

🙏 Support

This project needs a ⭐️ from you. Don't forget to leave a star ⭐️

📨 Follow / Contact Us

thecyberhub's People

Contributors

Stargazers

Watchers

Forkers

nanamou224 younes6577 aritrocoder atharvaraut2002 mohakgupt bancolombia clairecharles hritesh94 saimaheshtaduri chitvan14 aazam-gh iyinolu andreaevolo rahulsharma4329 indiehjaerta theanvil01 abinash-boruah23 ziarparvaiz x-hellb0y-x jmdinela sabujgolui x-devnerd-x aishwarya-mali ruchita-01 nirajpdn ihtishamkhan code-knayam tanyaa-arora abdullmustyy jaswindersingh2601 gaurcoder e11i0t-ald3rs0n e11i0tald3rs0n kingd3v anuran12 dhavaldobariya333 bzsmrf aksa12 sameer1612 myankpraksh bakemonostan jatinsingh08 dojeto durgeshsahu007 logicalahara avezqureshi14 tubaleviao rahu1gg priya1011 sanketshevare halim-shams ryan-byte nidhiparab bu7maydabdu byte-king xtreme-appz cowsecurity isaaclkm realhenrymartinez s2sharpit thewhiteevil akash7350 0rx1 warlordsam07 supremegentleman1234 samellufy sohamsharma966 benarpit iemafzalhassan kabir0x23 sharmakunal14 arun-cn hustlerzzz abhayst007 kabewh rohit-sharmaa abdul-rahman-1 ujjawalsh99 tandindev mayank2002-jpg krish-panchani priyanshtiwari001 sahashorha gabe468 maxr522 shocksmoke tushar-daiya insane-22 shagundubey1 frx-abdljbbar-code bablu-mehta letohx 0xlarmideh udaya19 parasanmol arkadik94 annayanx mishalp sumanjeet0012 cdev147

thecyberhub's Issues

[Bug] Not Responsive on Smaller Screens

Describe the bug

A part of navbar is collapsing on smaller screens.
And there is overflow on x-axis on smaller screens.

To Reproduce

Open the Website
Change the resolution of the window to smaller sizes.
Scroll left to right to see the defect.

Expected Behavior

Shouldn't be no overflow at x-axis and navbar elements shouldn't collapse with one-another on smaller sizes

Screenshot/ Video

Right side hamburger menu half-appearing.

"Community" and "Join Us" collapsing and Website title at left.

x-axis overflow

Code of Conduct

I agree to follow this project's Code of Conduct

[FEATURE] Change in URL structure of blogs

Detailed description

Currently the blog URL are displayed like this:

https://www.thecyberhub.org/blogs/viewBlog?id=1

I think if we display the URL in below format it will be much better. New format:

https://www.thecyberhub.org/blogs/viewBlog/What-is-Docker

Context

I think this is important because we can go to the blog directly through URL by typing title of the blog.
It also looks nicer then using querying parameters.

Possible implementation

Just by changing a little code of routing in viewBlogs.jsx file.

Additional information

No response

Code of Conduct

I agree to follow this project's Code of Conduct

[FEATURE] Navbar: new dropdown navbar

What would you like to share?

I have a new issue, will create it.

At homepage:

when we click on community, it will go down by smooth scroll

We want to use the same navbar on every page, (the same navbar is currently on my local machine,.)
so when we are on a different page.

if we click on community, can we go back and smooth-scroll to the community section?
how we can accomplish that

If not possible, we will change the structure then.

Additional information

No response

Code of Conduct

I agree to follow this project's Code of Conduct

[FEATURE] Convert Blogs css files into styled components

Detailed description

Convert Blogs css files into styled components

Context

Change the BlogsElements.jsx into BlogsCard.jsx
and convert css file into styled into BlogsElements.jsx

Possible implementation

No response

Additional information

No response

Code of Conduct

I agree to follow this project's Code of Conduct

[FEATURE] New navbar design, big navbar

Detailed description

We have to create a big navbar onhover

Context

no_response

Possible implementation

No response

Additional information

If you need any help or have any doubts or questions let us know.

Thank you 😄.

Code of Conduct

I agree to follow this project's Code of Conduct

Blog data (blog details) are not responsive on mobile

Detailed description

Blog details are not responsive can i eork on this?

Context

All text shows in the middle of screen and user will not read it properly from small devices

Possible implementation

No response

Additional information

No response

Code of Conduct

I agree to follow this project's Code of Conduct

[FEATURE] Add routing to the course page and add a sidebox to navigate yo get particular courses.

Detailed description

Add routing to the course page and add a sidebox to navigate to get particular courses.

Context

add a sidebox that contains a heading and when the user clicks on the particular heading , should get a particular courses

Example: clicks on Linux: now they should only get these two courses:

Possible implementation

You can use routes for navigation.
Side box to display headings.
You have to play only a particular data.

All of the data is coming from coursename_data.jsx files

Additional information

Awesome 😄

Thanks for contributing to this project.

If you want to contribute more then must check out other open-source projects and communities:

Code of Conduct

I agree to follow this project's Code of Conduct