GitHub Page is not available 🔒

As we decided to host our initial static site on GitHub, I tried to host out demo site on GitHub Page.

But I found no settings option ⚙️. I checked my personal private repo settings, and I found that I can host my static React site even if it is private.

Possible reasons:

• I might not have necessary permissions.
• This feature is missing for our organisation.

There is a React specific bug in our website. Whenever you scroll down, you will see that current section is highlighted in Navbar. I have set a criteria for that i.e compare window scroll height with all section height. Whichever section comes between window scroll height, that will be actively highlighted in navbar.

All code is present in App.js file.

Where is the actual bug?
I have figured out that the bug is due to loading of sections like teams page after the loading of App.js.

All the event listeners are set according to the old height of sections. And when those sections are updated, the values of event listeners are not changed. If you try to change the value of event listeners later, the bug will still remain.

What I think about bug fixing?
We should load all the sections before our App.js loads. All the event listeners will be set after all the sections are loaded.

Hello folks, as we are approaching towards creation of web app and mobile app, we will require to host it on a secure, cost efficient, well known and reliable host provider.

For WebApp:

Considering future requirements i.e dynamic website, we will require servers to run our backend services. We will also be requiring to save images, videos, files, data into database, etc. Also our backend language may vary according to situation later. We should easily be able to create APIs and run services like compression of images, etc from our backend.

For Mobile App:

Instead of storing images into mobile app, we can store images into backend server and then fetch from our mobile app when user opens it. Those images include images of blogs, events, etc. Using common storage between web and mobile app will help us to synchronise content like blogs and events. They can be cached once loaded to save bandwidth.

List of cloud providers and host providers:

Cloud Service Providers

1. AWS
2. Google Cloud

Hosting service providers

1. Hostinger
2. Bluehost
3. Hostgator
   and many more...

My preference:

AWS Free Tier
AWS Free Tier includes services like computation, block level storage, static storage, database storage, CDNs, SNS services, resource utilization analytics, and many more services. All these services for free for 1 year. It also provides domain name registration but it is paid one.

What after 1 year?
AWS is slightly costly as compared to web hosting services IF we use on-demand pricing plan. In on-demand pricing plan, we pay only for the resources used. We can discontinue usage, and stop paying in a minute. But in reservation plan, we can't do so. To overcome this issue, we can analyse usage of 1 year, and buy necessary resources in reservation plan.

If you find any other better service, please do suggest.

Only 3 recent events should be in focus and by clicking on more events whole timeline should be visible.

• Gatsby Starters

• Creative Tim

• Colorlib

• Jam Templates

Feel free to edit here itself instead of adding new comment 😄

Can we have something like this in the form of a gif or something like they have on their home page?
https://www.primsimp.com/

@clubgamma/design

I would like to update the websites screenshots to the readme file

Hey folks, here are some sections which can be implemented in Club Gamma's website. You are invited to give your suggestions.

0. Navigation bar

• Logo
• Home
• Team
• Blogs
• Contact us

1. Club Intro

• Logo
• Title
• Tagline
• what's special about us?

2. Team

• Team name
• Team's role
• Team's vision

3. Events

• Git & Github workshop
• Collaboration

4. Blog

• Technologies

5. Contact us

• Form to get feedbacks & suggestions
• Social media links

Please give suggestions to add or remove section from these above sections. Further meeting regarding design and mobile responsiveness is to be planned.

As we are going to add verify page, we need to add react routing to our current website.

I am currently planning to create 2 routes.

1. For home page. i.e "/"
2. For verify page. i.e "/verify"
3. For unknown route 404 page.

The bug is there is loading main site in "/" route.
You can have a look at https://clubgamma.github.io/ to find the bugs.

There is no event listener working. Like mouse movement, scroll event, etc.

Also, have a look at networks tab in inspect element. You will find that on scroll, a request is sent each time.

All the code is available in App.js of latest committed version.