Description

The Navbar links are to be updated by reusing the home page components for greater performance and less consumption of space. Eg. Sponsor/Partners page, Event link etc..

Screenshots/testimonials

NA

Description

While scrolling in smaller screens the Hg logo gets overlapped by letters which looks bad!
My initial thoughts, we can make a solid background on top which will be fixed and the Hg logo will be there along with the hamburger

suggestions?

Screenshots/testimonials

Description

Add text Loading . . . to the preloader.

Ask doubts in the comments!

Screenshots/testimonials

N/A

Description

I think we should use functional component and hooks rather than creating a class and the subsequent states. Lets stick to the wireframe for now. (suggestions are welcomed! 😄) You can add any creative modifications. Styling to be done using bootstrap classes. react-bootstrap is not preferred.

Concerning Folder

https://github.com/houseofgeeks/hg/tree/front-end/client/src/components/Sponsors

Screenshots/testimonials

WireFrame

Description

Format the navbar using bootstrap classes or custom CSS and make the active hook to rely on current URL instead of the lifecycle of the component.

Concerned Files

https://github.com/houseofgeeks/hg/blob/front-end/client/src/components/Navbar/Navbar.css
https://github.com/houseofgeeks/hg/blob/front-end/client/src/components/Navbar/Navbar.js

Screenshots/testimonials

Wireframe for the navbar

Description

On switching tab on Navbar and then reloading the page the URL seems to be broken and doesn't render the page as specified in the URL.

Screenshots/testimonials

Description

Since this website is going to be the face of our technical society, we should make the landing page as attractive as we can. With designers on board, let us stick to one theme for the entire website.

Screenshots/testimonials

NA

Description

required endpoints:
get /galary
post /galary - protected
delete /galary - protected

Screenshots/testimonials

N/A

Description

The design should be in the relation to the current theme!
(preloader: search on google)

Screenshots/testimonials

Description

Due to caching preloader don't get sufficient time to show up!
Adding delay to the mounting of the react app can fix the issue!

Screenshots/testimonials

Description

As we'll be showing all the events on the Events page.
Pagination will be very helpful!

Screenshots/testimonials

Description

• Different events posted.
• Admin should be able to create an event
• Admin should be able to edit or delete any event
• Pagination should be there.

Screenshots/testimonials

Description

Contact us form should not be on every page!
It should be only on the home page and if required the contact us page!

Description

Update and Delete operations need to be implemented

Description

Home page is going to have multiple sub-components for which the current file structure and the wireframe is insufficient. We'll also be having a notice board which would be retriving data from the API. #22 and forth coming issues will also be based on these sub-components. It would be better if we make the file structure for the same now.

Concerning Folder

https://github.com/houseofgeeks/hg/tree/front-end/client/src/components/Home

Screenshots/testimonials

NA

Description

Create event schema for storing event data in MongoDB with mongoose and relevant API routes for basic CRUD (Create-Read-Update-Delete) operations. Event data should have a title, a short description, a long description, an image path, event date, Google Calendar link and Google maps link.

Concerning Folder

https://github.com/houseofgeeks/hg/tree/back-end/backend/models
https://github.com/houseofgeeks/hg/tree/back-end/backend/routes

Screenshots/testimonials

NA

Description

Hamburger icon is rendering with white background color on my mobile browser(chrome) while it needs to be transparent.
Note - This is not visible on chrome developers tool or FireFox ,so while debugging, it needs to be tested on real mobile phone by connecting it on same Wifi connection and then browsing with <PC/Laptop's IP address>:<Port number> on mobile browser.

Concerning Folder

https://github.com/houseofgeeks/hg/tree/front-end/client/src/components/Navbar

Screenshots/testimonials

Description

• different notices sorted by date
• With pagination
• Admin will be able to modify and delete each notice

Screenshots/testimonials

Description

Create Modal box for Web team

Screenshots/testimonials

I'll update it with an example

Description

The upper border hides behind some div!

Screenshots/testimonials

Description

In accordance to #49, there is a need to recreate the footer. Try to relocate the icons already used in the current footer. Make this component responsive by mentioning width in terms of vw (viewport width), using @media queries and so on. Create a pull request as soon as you achieve the positioning of all the vector images in accordance to the wireframe given below after which you'll add some infinite loop animations on some images. The assets required for this will be given after assigning this issue.

Screenshots/testimonials

Complete wireframe:

https://www.figma.com/proto/NyIGhH5PhxbjfDf4DNmW55/House-of-Geeks?node-id=4%3A0&viewport=867%2C-224%2C0.5157824158668518&scaling=scale-down-width

Concerning Files/Folders

https://github.com/houseofgeeks/hg/tree/front-end/client/src/components/Footer

Description

Design a 404 Not Found Component

• Be creative and make it look geeky and codey :p

Screenshots/testimonials

Description

Refactor the Hamburger icon so that it matches the wireframe.
Wireframe :
https://www.figma.com/proto/NyIGhH5PhxbjfDf4DNmW55/House-of-Geeks?node-id=4%3A0&viewport=867%2C-224%2C0.5157824158668518&scaling=scale-down-width

Screenshots/testimonials

N/A

Description

api: /notice

result-format: {result: [], message: 'OK'}

Screenshots/testimonials

Description

Designing About Section in concerning folder . Images in about section should stack upon each other and on hover over specific image, it should come in front (its stack order becomes greater than the others on hover over it using z-index), refer to the wireframe or screenshot attached below for better clarification .Styling to be done using bootstrap classes. Lets stick to the wireframe for now. (suggestions are welcomed! 😄) You can add any creative modifications.

Concerning Folder

https://github.com/houseofgeeks/hg/tree/front-end/client/src/components/Home/AboutUs

Screenshots/testimonials

Description

Update the contributor's section of Readme.
Requirement: Every contributor's should be there and clicking on it should open his Github profile.

Screenshots/testimonials

Description

Create an admin login page consisting of username and password in which username will already be there in a dropdown list and admin would only require to enter the password.

Screenshots/testimonials

NA

Design the community section as the wireframe below.

Description

Making the footer according to the wireframe. Try to stick to bootstrap for styling. I think we should include the Contact Us section to the footer instead of having it in home page. What say?

Concerning Folder

https://github.com/houseofgeeks/hg/tree/front-end/client/src/components/Footer

Screenshots/testimonials

Footer wireframe

Description

Remake the NotFound page according to the new wireframe provided using bootstrap and custom CSS. This should be made responsive. I'll be sending the assets for this page once someone is assigned.

Screenshots/testimonials

Concerning Files/Folders

https://github.com/houseofgeeks/hg/tree/front-end/client/src/components/Error

Description

Screenshots/testimonials

Description

Landing Page image and some other images along with Color Coding used in making Wireframe is not present or specified in the concerned folder in master branch

Concerning Folder

https://github.com/houseofgeeks/hg/tree/master/WireFrame

Screenshots/testimonials

Description

In continuation to #56 and #62, we should be aiming to make the community section in the Home component ASAP. This component will also be rendered when the user taps/clicks on Community from the Navbar although in this case, Community should be the only component being rendered. Try sticking to the wireframe as close as possible using bootstrap and custom CSS. Hovering effects are also expected but, as soon as you achieve the correct orientation according to wireframe, draft a PR so that it can be monitored.

Screenshots/testimonials

WireFrame : https://www.figma.com/file/WKIfra7Dxh033gwNoRikh6/House-of-Geeks-Copy?node-id=0%3A1

For screens larger than 426 px, try to keep it like this..

For less than 426px, go for the design given in the wireframe above.

Concerning Files/Folders

https://github.com/houseofgeeks/hg/tree/front-end/client/src/components/Home/CommunitySection
https://github.com/houseofgeeks/hg/tree/front-end/client/src/components/Community

Description

Screenshots/testimonials

I have made a temporary favicon.
Have a look

Description

In the server rename the notices routes and schemas to events and delete the existing events routes and schemas.

Remember to checkout backend and make PR to the backend branch!

Screenshots/testimonials

Notice routes: https://github.com/houseofgeeks/hg/blob/back-end/backend/routes/notice.js

Description

• Admin Dashboard will have a card with admin details
  and rest of the admin-functionalities components will reside in this component

Screenshots/testimonials

Description

Screenshots/testimonials

Description

Screenshots/testimonials

Description

The overall theme of the website has been changed and to match the esthetics of the website, we need to remake the navbar. The navbar should always be in a hamburger fashion in the left hand side of the viewport at all sizes. When we click on the hamburger, it should trigger an animation which fills up all of the screen with background: #000018;

Screenshots/testimonials

Here's the complete wireframe:

https://www.figma.com/proto/NyIGhH5PhxbjfDf4DNmW55/House-of-Geeks?node-id=4%3A0&viewport=867%2C-224%2C0.5157824158668518&scaling=scale-down-width

Concerning Folder/Files

https://github.com/houseofgeeks/hg/blob/front-end/client/src/App.js (Remember to uncomment the Navbar component)
https://github.com/houseofgeeks/hg/tree/front-end/client/src/components/Navbar

Description

In continuation of #71, the notice section requires some design.

Screenshots/testimonials

Description

Follow the provided wireframe and construct a graphically rich about us section using bootstrap and custom CSS. Achieve proper positioning and responsiveness then create a PR where we discuss about animations and see the deployment in real time.

Screenshots/testimonials

The complete wireframe:
https://www.figma.com/proto/NyIGhH5PhxbjfDf4DNmW55/House-of-Geeks?node-id=4%3A0&scaling=min-zoom

Concerning Files/Folders

https://github.com/houseofgeeks/hg/tree/front-end/client/src/components/Home/AboutUs

Assets

https://drive.google.com/drive/folders/10TEVnDrYLLe8nbkYQLwT2qysBq65PPq-?usp=sharing

Description

The src folder in client needs to be refactored. The basic component structure is to be updated.

Screenshots/testimonials

NA

Description

• Notification Schema

Screenshots/testimonials

NA

Description

Create admin schema, routes and controllers

Screenshots/testimonials

NA

Should we use SQL or NoSQL?

Description

The sponsor's name is not required below its logo. Instead, on-hover make the label as the name of the sponsor.
Also, make the image as a link that will open the sponsor's page in the new tab.

Screenshots/testimonials

Description

Create notice modal and use dummy text to test

Screenshots/testimonials

Description

Add the quote Made with ❤️ and open-sourced or something like this in the footer

Screenshots/testimonials