Giter Club home page Giter Club logo

hg's Issues

Update the Readme with Contributirs

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

Screenshot from 2020-09-25 15-59-58

Add delay to react app mount

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

Remaking the Navbar

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

image
image

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

Recreating the footer

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

image

Concerning Files/Folders

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

Create design for Preloader

Description

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

Screenshots/testimonials

Create Web Team Modal

Description

Create Modal box for Web team

Screenshots/testimonials

I'll update it with an example

Making the Community Section

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..
image

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

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

Hamburger icon looking different on mobile browser

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

WhatsApp Image 2020-09-24 at 8 11 06 PM

hosting the backend on herouku

Description

For better CI, hosting the backed for data is important and the current best alt is Heroku.

Screenshots/testimonials

Create Notice Modal

Description

Create notice modal and use dummy text to test

Screenshots/testimonials

NA

Remove sponsors name

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

Screenshot from 2020-09-26 12-15-11

Create admin events controller component

Description

This component will contain
  • 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

Making About Us Section

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

Screenshot (334)

Create admin login page

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

Recreating the landing page

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

404 Page

Description

Design a 404 Not Found Component

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

Screenshots/testimonials

Creating a remote MongoDB

Description

For better CI, Current alternative for free MongoDB, suggestions?

Screenshots/testimonials

Hg logo looks messed

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

Screenshot from 2020-09-23 12-58-14

Create admin Event controller component

Description

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

Screenshots/testimonials

Contact us form

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!

Expansion of Home page

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

Add functionality to notice board

Description

Since the server is up and running. Add functionality to notice section.

api: /notice

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

Screenshots/testimonials

Broken Link

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

Screenshot (161)

Event Schema and routes

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

Add quote in the footer

Description

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

Screenshots/testimonials

Create admin dashboard

Description

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

Screenshots/testimonials

Add text to preloader

Description

Add text Loading . . . to the preloader.

Ask doubts in the comments!

Screenshots/testimonials

N/A

Remaking About Us section

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

image
image

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

Connecting Navbar links to components

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

Reposition the hamburger icon

Description

The current position of the hamburger icon is confusing. Share what position it should be put so that it makes some sense of what purpose it is meant for!

Screenshots/testimonials

N/A

Making basic file structure

Description

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

Screenshots/testimonials

NA

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.