houseofgeeks / hg Goto Github PK
View Code? Open in Web Editor NEWOfficial website of House of Geeks ✨
Home Page: https://houseofgeeks.netlify.com
License: MIT License
Official website of House of Geeks ✨
Home Page: https://houseofgeeks.netlify.com
License: MIT License
The design should be in the relation to the current theme!
(preloader: search on google)
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.
NA
Contact us form should not be on every page!
It should be only on the home page and if required the contact us page!
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.
https://github.com/houseofgeeks/hg/tree/front-end/client/src/components/Home/AboutUs
The src
folder in client needs to be refactored. The basic component structure is to be updated.
NA
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;
Here's the complete wireframe:
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
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
N/A
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!
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.
https://github.com/houseofgeeks/hg/tree/back-end/backend/models
https://github.com/houseofgeeks/hg/tree/back-end/backend/routes
NA
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.
https://github.com/houseofgeeks/hg/tree/front-end/client/src/components/Navbar
NA
In continuation of #71, the notice section requires some design.
Should we use SQL or NoSQL?
N/A
As we'll be showing all the events on the Events page.
Pagination will be very helpful!
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.
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.
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
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..
NA
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.
https://github.com/houseofgeeks/hg/tree/front-end/client/src/components/Sponsors
Design a 404 Not Found Component
Add text Loading . . .
to the preloader.
Ask doubts in the comments!
N/A
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?
https://github.com/houseofgeeks/hg/tree/front-end/client/src/components/Footer
Footer wireframe
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.
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
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.
The complete wireframe:
https://www.figma.com/proto/NyIGhH5PhxbjfDf4DNmW55/House-of-Geeks?node-id=4%3A0&scaling=min-zoom
https://github.com/houseofgeeks/hg/tree/front-end/client/src/components/Home/AboutUs
https://drive.google.com/drive/folders/10TEVnDrYLLe8nbkYQLwT2qysBq65PPq-?usp=sharing
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.
https://github.com/houseofgeeks/hg/tree/front-end/client/src/components/Home
NA
Create notice modal and use dummy text to test
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!
Notice routes: https://github.com/houseofgeeks/hg/blob/back-end/backend/routes/notice.js
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.
Complete wireframe:
https://github.com/houseofgeeks/hg/tree/front-end/client/src/components/Footer
required endpoints:
get /galary
post /galary - protected
delete /galary - protected
Add the quote Made with ❤️ and open-sourced
or something like this in the footer
Update and Delete operations need to be implemented
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.
https://github.com/houseofgeeks/hg/tree/front-end/client/src/components/Error
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.
NA
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
https://github.com/houseofgeeks/hg/tree/master/WireFrame
Create Modal box for Web team
I'll update it with an example
Create admin schema, routes and controllers
NA
api: /notice
result-format: {result: [], message: 'OK'}
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.