Open-source project. Hacktoberfest2022 - Contribute given programs in any language you want, every valid PR will be accepted!!! Make sure to star this repo.

Overview

Hacktoberfest-React-Project

About

PowerTheWeb Cover

PowerTheWeb Contributors

PowerTheWeb is an open-source project to help web developers make their road easy to become a successful web developer

Currently developing main website, checkout 2nd branch "convert-react"

Don't Forget to JOIN OUR COMMMUNITY

Join our community and ask anything. If you run into a problem please let us know. DISCORD - JOIN

STAR THE REPO

How to Contribute to this repository

  1. Fork the repository (Click the Fork button in the top right of this page, click your Profile Image)
  2. Clone the forked repository to your local machine.
git clone https://github.com/your-username/devvsakib/power-the-web.git
  1. change the present working directory
cd power-the-web
  1. Make your changes
git add . git commit -m "Your commit Message" git push origin branch-name
  • Make a pull request.
  • Star the repository.

Adding Projects

If you want to add your project in repository, you are welcome. Please add your project in "PROJECTS" folder and make sure to name your folder as your project.
Ex:
we have a react projects in "PROJECTS" folder
and we named it "clone-tesla"

So, people will know what project it is. Make sure you added your github name and link as comment in your file. Last thing to do is, put your name. github link, email in CONTRIBUTORS.md file

NOTE

  • Make Sure you commit your changes in a new branch.
  • Make Sure you Give proper name to your files describing the addition.
  • Also Make Sure you comment your code wherever necessary.

REPO STATUS

GitHub Issues Open GitHub PR Open GitHub PR closed GitHub language count

Size: 78.45 MiB

Thanks to all the contributors ❤️

Add your details in contributions.json file

Show some ❤️ by starring this awesome repository!
Comments
  • add contributors json file

    add contributors json file

    we need to strore all our contributors details Name Profile Picture GitHub link file name: contriutors.json

    demo

    {
      "profiles": [
        {
          "name": "DevvSakib",
          "avatarUrl": "https://avatars.githubusercontent.com/u/88339569?v=4",
          "github": "devvsakib",
          "twitter": "devvsakib"
        }
     ]
    }
    

    for avatar, goto user profile, right click on image, COPY IMAGE LINK. that's it twitter is optional, you can add your

    documentation good first issue hacktoberfest hacktoberfest-accepted [priority: high] 
    opened by devvsakib 12
  • [BRANCH -

    [BRANCH - "convert-react"] navbar not responsive

    Navigate to folder Check 2nd Branch, name- convert-react Clone this, and navigate to main-website folder, this is the main website we are converting into react website after you have done, PR to convet-react branch, not in the main branch. Add your details to contributors.json file.

    Feature?

    Mobile navbar not responsive, make its responsive and add hamburger menu icon for mobile device

    Bug?

    NO

    Task: Navbar file has everything you need, in 43line delete the "hidden" class to see the hamburger menu icon,

    You can join our discord server - lets build together Join

    good first issue hacktoberfest hacktoberfest-accepted 
    opened by devvsakib 9
  • [IMPROPER] improve index file design

    [IMPROPER] improve index file design

    So far we all did fantactic, its time to improve our website design. if you have any design idea please let us know, we will assign you and label your pr as Hacktoberfest

    enhancement good first issue hacktoberfest 
    opened by devvsakib 7
  • [BRANCH -

    [BRANCH - "convert-react"] add a bottom to top scroll button

    Navigate to the folder

    Check 2nd Branch, name- convert-react Clone this, and navigate to main-website folder, this is the main website we are converting into react website after you have done, PR to the convert-react branch, not in the "main" branch. Add your details to contributors.json file.

    Feature?

    Add a Bottom to Top scroll button it's hard to scroll when you are on mobile device, so please add a Bottom to Top button with an arrow icon

    Bug?

    NO

    Task: add button here Desktop version position: image Mobile version position: image

    please make sure, it only shows if you scroll down. otherwise, it won't show.

    You can join our discord server - let's build together Join

    enhancement good first issue hacktoberfest hacktoberfest-accepted 
    opened by devvsakib 6
  • [priority: HIGH] add a contributors.json file will all data

    [priority: HIGH] add a contributors.json file will all data

    We need to store our contributors details in a json file.

    {
      "profiles": [
        {
          "name": "DevvSakib",
          "avatarUrl": "https://avatars.githubusercontent.com/u/88339569?v=4",
          "github": "devvsakib",
          "twitter": "devvsakib"
        }
     ]
    }
    

    if they don't have twitter, you can skip - "twitter": " "

    help wanted good first issue hacktoberfest [priority: high] 
    opened by devvsakib 5
  • fetch contributors profile from json file to contributors page

    fetch contributors profile from json file to contributors page

    So far we have our contributors json file, its time to fetch them to our contributors.html file. Please comment if you have better knowledge about fetch or map functions

    Todo: create a script.js file, fetch all json data to contributors page

    make pr, hacktoberfest label will be added

    documentation hacktoberfest hacktoberfest-accepted [priority: high] 
    opened by devvsakib 5
  • [BRANCH -

    [BRANCH - "convert-react"] hide scrollbar on every brwoser

    Navigate to the folder

    Check 2nd Branch, name- convert-react Clone this, and navigate to main-website folder, this is the main website we are converting into react website after you have done, PR to the convert-react branch, not in the "main" branch. Add your details to contributors.json file.

    Feature?

    Hide the scrollbar, it looks disgusting. do not use overflow hidden, image

    Bug?

    Describe here

    Task: hide scrollbar for the body. write CSS in main.css file to apply to the entire website body::-webkit-scrollbar{ display: none } this CSS for chrome, write for IE, Edge and Firefox too

    You can join our discord server - let's build together Join

    good first issue hacktoberfest 
    opened by devvsakib 4
  • [BRANCH -

    [BRANCH - "convert-react"] website reloading while navigating page

    Navigate to the folder

    Check 2nd Branch, name- convert-react Clone this, and navigate to main-website folder, this is the main website we are converting into react website after you have done, PR to the convert-react branch, not in the "main" branch. Add your details to contributors.json file.

    Feature?

    NO

    Bug?

    Website reloading while we navigate the menu, it shouldn't. check if you are able to solve this bug.

    Task: clone this repo, checkout to convert-react branch, and work on the navbar!

    Expected behavior:

    website shouldn't reload while navigating from one page to another page. But Logo working fine.

    You can join our discord server - let's build together Join

    bug help wanted hacktoberfest [priority: high] 
    opened by devvsakib 4
  • [MAJOR] convert website into REACT website

    [MAJOR] convert website into REACT website

    Major Update

    So far we did well. Now its time to convert our website into react website.

    Now we are using simple html css static website. But we are going to convert this into react.

    Please comment only if you have exprience

    enhancement help wanted good first issue hacktoberfest [priority: high] 
    opened by devvsakib 4
  • update readme file

    update readme file

    Feature?

    Update the readme file with these screenshots image

    image

    Bug?

    No

    Task: add those screenshots in assets folder. Just delete this screenshot image and add those 2 screenshots here

    and delete this line, add "PowerTheWeb is an open-source project to help web developers make their road easy to become a successful web developer" image

    You can join our discord server - let's build together Join

    enhancement good first issue hacktoberfest [priority: medium] 
    opened by devvsakib 3
  • [BRANCH -

    [BRANCH - "convert-react"] add a ROADMAP page

    Navigate to the folder

    Check 2nd Branch, name- convert-react Clone this, and navigate to main-website folder, this is the main website we are converting into react website after you have done, PR to the convert-react branch, not in the "main" branch. Add your details to contributors.json file.

    Feature?

    We need a roadmap page for the guidline.

    Bug?

    Describe here

    Task: Create a page named roadmap, and link to nav

    You can join our discord server - let's build together Join

    good first issue hacktoberfest 
    opened by devvsakib 3
  • Add any website clone projects

    Add any website clone projects

    If you ever cloned any well-known website like amazon, netflix, tesla, disney, spotify. you can PR your projects

    adding project: add your projects in "PROJECTS" folder hacktoberfest label will be added

    good first issue hacktoberfest EddieHub:good-first-issue 
    opened by devvsakib 1
  • [HACKTOBERFEST] PR your React app

    [HACKTOBERFEST] PR your React app

    HACKTOBERFEST is almost about to end, don't be late, just PR your react app to participate hacktoberfest.

    add your projects to "PROJECTS" folder Good Luck, Always welcome to our family DISCORD JOIN

    good first issue hacktoberfest hacktoberfest-accepted 
    opened by devvsakib 16
  • [BRANCH -

    [BRANCH - "convert-react"] menu not showing when click on icon

    Navigate to the folder

    Check 2nd Branch, name- convert-react Clone this, and navigate to main-website folder, this is the main website we are converting into react website after you have done, PR to the convert-react branch, not in the "main" branch. Add your details to contributors.json file.

    Bug?

    Menu not showing when we click on icon image

    Task: Manu should show and hide when we click

    You can join our discord server - let's build together Join

    good first issue hacktoberfest hacktoberfest-accepted 
    opened by devvsakib 2
Releases(v1.0.0)
Owner
DevvSakib
Hey, Myself Sakib known as DevvSakib. I'm a Full-Stack Web Developer and WordPress Expert. MENTOR. JavaScript Guy
DevvSakib
Star-Wars-Memory-Game - Star Wars Memory Game Using React.js

Star-Wars-Memory-Game Um jogo da memória com tematica do Star Wars. O objetivo e

Lucas Saliba 3 Feb 25, 2022
Star Wars is a React App that's consumes an external Star Wars' API

Star Wars Star Wars is a React App that's consumes an external Star Wars' API. Installation First, download the zip or clone this repository into your

Victor Kamei Kay 3 Nov 24, 2022
⭐ A non-SSR React starter with TypeScript / No Redux repo with the aim to implement scalable gold star standards from the get go!

A React starter repo with the aim to implement "scalable gold star" standards from the get go giving some examples with a couple of screens.

Kenneth* 4 Aug 22, 2022
Display ITL Online 2022 event stats on a livestream for a given entrant via a browser source

ITL Stream Widget Display ITL Online 2022 event stats on a livestream for a given entrant via a browser source. The source refreshes every minute to k

Vincent 0 Apr 5, 2022
A Google Clone which built with ReactJS. You can click the demo and search whatever you want!

A Google Clone which built with ReactJS. You can click the demo and search whatever you want!

Özge Coşkun Gürsucu 36 Aug 14, 2022
A Google Clone which built with ReactJS. You can search whatever you want.

A React app which is Google Web Clone that you can simply search whatever you want.

Mert Çankaya 10 Nov 24, 2021
Foot Locker is an online store specialized in selling shoes of all kinds, where you can find all the shoes you want

Foot Locker Links ?? Heroku link Adobe XD link Description Foot Locker is an online store specialized in selling shoes of all kinds, where you can fin

G11 1 Apr 16, 2022
React Query for Firestore, that you can actually use in production, on every screen.

React Query + Firestore const { data } = useDocument('users/fernando') It's that easy. ?? This library provides the hooks you need for querying Firest

Amine Bl 96 Nov 27, 2022
This is a React application for managing books you want to read. It tracks your progress and makes the reading the books enlisted as a goal. The project is built using HTML, CSS, JavaScript, React, and Redux.

This is a React application for managing books you want to read. It tracks your progress and makes reading the books enlisted as a goal. The project is built using HTML, CSS, JavaScript, React, and Redux

Henry Kc 10 Oct 17, 2021
🎬Make your first open-source contribution by posting a movie review!

?? React Movie Reviews ( ?? Hacktoberfest 2021 ?? ) Are you wanting to make your first open-source contribution and don't know where to start? Or mayb

Aaron Elam 3 Feb 22, 2022
Mordan React in this project I demonstrate some of the most important tools that will make you design and build a protectional react project using a simple todo idea.

Mordan React in this project I demonstrate some of the most important tools that will make you design and build a protectional react project using a simple todo idea.

Ishmael Kargbo 7 May 24, 2022
A collection tracking app for anything you might want to collect

Hoarders Helper User Story AS AN avid Magic The Gathering card collector I WANT to search for new cards and add to my collection SO THAT I can keep a

Brandon Sorrell 3 Jul 18, 2022
A simple, convenient & efficient way to send cryptos across the world and track your every transaction on cryptoace

Web3 application for sending cryptos across the world and monitoring every transaction.

Samrath Chauhan 13 Aug 24, 2022
This project is about building a web application to translate languages using language translator API.

Language Translator App A web application to translate multiple languages Want to see live preview » ✧ View Demo ✧ Report Bug ✧ Getting Started ✧ Inst

Mohit Sehrawat 15 Dec 19, 2022
Know-emoticon neogcamp - A simple React App which takes the emoji as an input from the given emojis and output its name

Know Emoticon This is React based simple App which takes the emoji as an input f

Vansh Sharma 1 Jan 30, 2022
Fakeflix – Netflix open source clone, not the usual clone that you can find on the web.

Fakeflix – Netflix open source clone, not the usual clone that you can find on the web.

Davide Mandelli 4.8k Jan 2, 2023
TryShape is an open-source platform to create shapes of your choice using a simple, easy-to-use interface. You can create banners, circles, polygonal shapes, export them as SVG, PNG, and even as CSS.

TryShape is an open-source platform to create shapes of your choice using a simple, easy-to-use interface. You can create banners, circles, polygonal shapes, export them as SVG, PNG, and even as CSS.

TryShape 148 Dec 26, 2022
React-play: an open-source web app that helps you learn ReactJS faster with a hands-on practice model

react-play is an open-source web app that helps you learn ReactJS faster with a hands-on practice model. It is a collection of ReactJS projects that you can use to learn ReactJS.

ReactPlayIO 582 Jan 2, 2023
Gold news is a free news website where you can access any news around the world. This project is made with react

Gold news is a free news website where you can access any news around the world. This project is made with react

Yash sharma 3 Nov 6, 2022