tusharjain0022 / geeknote Goto Github PK

Description

• Create Carousal component on the Blog page in the specified folder as per the designs.
• You can use any dummy image for carousal.
• Make it responsive for all screen sizes
• Refer to :
  • https://getbootstrap.com/docs/4.5/components/carousel/
  • https://www.codechef.com/

Concerning Folder

src/components/Blog/Carousal

Design Link

Design - https://www.figma.com/file/2OIpdquMfjGBthQMWTKs2L/3001?node-id=0%3A1
Prototype -https://www.figma.com/proto/2OIpdquMfjGBthQMWTKs2L/3001?scaling=scale-down-width&node-id=16%3A2

Acknowledgement/Screenshot

Description

Create The Login modal In the concerning folder/file as per the design you can also make a separate folder for this if needed . You can get required svg from the design by exporting specific groups/component/image. you have to make it responsive use bootstrap classes or if u want u can use custom css but it is responsive for all size screen.

Design Link

https://www.figma.com/file/2OIpdquMfjGBthQMWTKs2L/3001?node-id=0%3A1

Concerning Folder

src/components/Navbar

Acknowledgement/Screenshot

Mob view is similar to signup page

Description

• Format the navbar using bootstrap classes or custom CSS.
• Make the active hook to rely on current URL(Update the Links)
• Make it responsive for all size screens.

Concerning Folder

src/components/Navbar

Acknowledgement/Screenshot

Description :

Refactor the file structure according to the need including routing mech.

Screenshot

NA

Description

Fix the Contact us Component to its previous state as per the designs

Concerning Folder

src/components/Home/Contact

Acknowledgement/Screenshot

Current Behavior

Expected Behavior

Description

Add a Preloader to our site

Concerning Folder

NA

Acknowledgement/Screenshot

NA

Description

Make relevant changes to home page and complete the remaining component on Home Page

Concerning Folder

src/components/Home

Design Link

Design - https://www.figma.com/file/2OIpdquMfjGBthQMWTKs2L/3001?node-id=0%3A1
Prototype-https://www.figma.com/proto/2OIpdquMfjGBthQMWTKs2L/3001?scaling=scale-down-width&node-id=16%3A1

Acknowledgement/Screenshot

NA

Description

• Shift Resource Component to Home Page as per #32

Design Link

Design - https://www.figma.com/file/2OIpdquMfjGBthQMWTKs2L/3001?node-id=0%3A1
Prototype - https://www.figma.com/proto/2OIpdquMfjGBthQMWTKs2L/3001?node-id=16%3A0&viewport=463%2C-359%2C0.41058817505836487&scaling=scale-down-width

Concerning Folder

studentportal/src/components/Home/LinkstoBranchtoSection

Acknowledgement/Screenshot

Description

Create the Footer Component in the concerning folder/file as per the designs.

Design Link

https://www.figma.com/file/2OIpdquMfjGBthQMWTKs2L/3001?node-id=0%3A1

Concerning Folder

src/components/Footer

Acknowledgement/Screenshot

Description

Create Contact us component on the Home page in the specified folder as per the designs.

Concerning Folder

src/components/Home/Contact

Design Link

Design - https://www.figma.com/file/2OIpdquMfjGBthQMWTKs2L/3001?node-id=0%3A1
Prototype - https://www.figma.com/proto/2OIpdquMfjGBthQMWTKs2L/3001?node-id=16%3A0&viewport=463%2C-359%2C0.41058817505836487&scaling=scale-down-width

Acknowledgement/Screenshot

Description

Create the Landing Page Component in the concerning folder/file as per the designs. You can get the required svg from the design by exporting specific groups/component/image .

Design Link

https://www.figma.com/file/2OIpdquMfjGBthQMWTKs2L/3001?node-id=0%3A1

Concerning Folder

src/components/Home/LandingPage

Acknowledgement/Screenshot

Desktop-view

Description

• Create CR details section Component on the Branch page in the specified folder as per the designs.
• Take dummy variable for now make it static later on we will make it dynamic .
• • Make it responsive for all screen sizes

Concerning Folder

• src/components/BranchSection/CRDetails

Design Link

Design - https://www.figma.com/file/2OIpdquMfjGBthQMWTKs2L/3001?node-id=0%3A1
Prototype-https://www.figma.com/proto/2OIpdquMfjGBthQMWTKs2L/3001?scaling=scale-down-width&node-id=16%3A1

Acknowledgement/Screenshot

Description :

Setup a basic ReactJs application

Description

We're required to render our Class Timetable and all the events and assignment submission information in a calendar form . So it would be easier for everyone if they could just add class calendar link to their Google calendar and get all the notifications as they want. For ref : https://www.codechef.com/event-calendar/?itm_medium=navmenu&itm_campaign=calendar .
So we need to find a way to implement this .

Acknowledgement/Screenshot

for ref : https://www.codechef.com/event-calendar/?itm_medium=navmenu&itm_campaign=calendar

Description :

Deploy the project on netlify and setup CI/CD.

Description

Resources page has to be created according to the given screenshot/design.

Design Link

Design - https://www.figma.com/file/2OIpdquMfjGBthQMWTKs2L/3001?node-id=0%3A1
Prototype - https://www.figma.com/proto/2OIpdquMfjGBthQMWTKs2L/3001?node-id=16%3A0&viewport=463%2C-359%2C0.41058817505836487&scaling=scale-down-width

Concerning Folder

studentportal/src/components/Home/LinkstoBranchtoSection

Acknowledgement/Screenshot

Description

Make all the required changes to rename project as "GeekNote" replacing all the instances of the word "3001" with this name
Note: except Repository name

Description

• Create static "BlogFooter" component on the Blog page in the specified folder as per the designs.
• You can use any dummy text for this component.
• Make it responsive for all screen sizes

Concerning Folder

src/components/Blog/BlogFooter

Design Link

Design - https://www.figma.com/file/2OIpdquMfjGBthQMWTKs2L/3001?node-id=0%3A1
Prototype -https://www.figma.com/proto/2OIpdquMfjGBthQMWTKs2L/3001?scaling=scale-down-width&node-id=16%3A2

Acknowledgement/Screenshot

Description

Create the Navbar Component in the concerning folder/file as per the designs. You are also free to implement your own creativity in addition to the design.

• Dropdown menu of "Resources" should contain
  • 1st Year
  • 2nd Year
  • 3rd Year
  • 4th Year

  And each menu should further dropdown to

  • CSE
  • ECE
• Dropdown menu of "Contact us" should contain
  • Contact CR
  • Contact Page Admin
  • Developers

Design Link

https://www.figma.com/file/2OIpdquMfjGBthQMWTKs2L/3001?node-id=0%3A1

Concerning Folder

src/components/Navbar

Acknowledgement/Screenshot

PS: Logo is just for placeholder till our logo is not designed

Description

Make linked blog component in branch section
fetch data from blog_data.json , make appropriate changes as required.
Make the component work correctly along it's responsive buttons and make it responsive for all screen size's.

Description

Create The Landing Page of Mobile View In the concerning folder/file as per the design. You can get required svg from the design
by exporting specific groups/component/image.

Design Link

https://www.figma.com/file/2OIpdquMfjGBthQMWTKs2L/3001?node-id=0%3A1

Concerning Folder

src/components/Home/LandingPage

Acknowledgement/Screenshot

Description

Update blog page component's as per new design.
Make it responsive for all screen sizes

Concerning Folder

Acknowledgement/Screenshot

Description

Add Error 404 page.

Concerned Folder

src/components/Error

Screenshot

Add semester prop in resource and make buttons work accordingly

Description

• Create Pagination for Admin's Blog component
• Design it as per the designs

Concerning Folder

src/components/Blog/Students

Acknowledgement/Screenshot

Description

• Create Pagination for Admin's Blog component
• Design it as per the designs

Concerning Folder

src/components/Blog/Admin

Acknowledgement/Screenshot

Description:

• Add some learning resource related to project to Readme file.
• Add Contributing Guideline to the CONTRIBUTING.md file

Description

Create Verify Otp Modal that should be triggered by the Continue button of Signupmodal as per the designs using boostrap or custom css.

Design Link

https://www.figma.com/file/2OIpdquMfjGBthQMWTKs2L/3001?node-id=0%3A1

Concerning Folder

src/components/Navbar

Acknowledgement/Screenshot

Description

Remove different json files used for fetching data for different components in blog page.
Make a single json file for all these blog components and make appropriate changes in respected components accordingly.

Description

Add Slack Workspace link with slack logo at the home page(Landing Page).

Concerning Folder

src/components/Home

Acknowledgement/Screenshot

Reference taken from: https://hacknagpur.tech/

Description

Create The signup modal In the concerning folder/file as per the design you can also make a separate folder for this if needed . You can get required svg from the design by exporting specific groups/component/image. you have to make it responsive use bootstrap classes or if u want u can use custom css but it is responsive for all size screen.

Design Link

https://www.figma.com/file/2OIpdquMfjGBthQMWTKs2L/3001?node-id=0%3A1

Concerning Folder

src/components/Navbar

Acknowledgement/Screenshot

mob view

Description

link contact button of navbar to contact component such that on clicking contact button page scrols down to contact component

Description:

• Add PR template.
• Add Issue Template

Description

• Create CR's blog Component on the Blog page in the specified folder as per the designs.
• import blog data from src/data/BlogDetails.js.
• render blogs whose byCR : true key is set to true.
• Make it responsive for all screen sizes

Concerning Folder

• src/components/Blog/CR
• src/data/BlogDetails.js

Design Link

Design - https://www.figma.com/file/2OIpdquMfjGBthQMWTKs2L/3001?node-id=0%3A1
Prototype -https://www.figma.com/proto/2OIpdquMfjGBthQMWTKs2L/3001?scaling=scale-down-width&node-id=16%3A2

Acknowledgement/Screenshot

Description

• Create Student's blog Component on the Blog page in the specified folder as per the designs.
• import blog data from src/data/BlogDetails.js.
• render blogs whose byStudent : true key is set to true.
• Make it responsive for all screen sizes

Concerning Folder

• src/components/Blog/Students
• src/data/BlogDetails.js

Design Link

Design - https://www.figma.com/file/2OIpdquMfjGBthQMWTKs2L/3001?node-id=0%3A1
Prototype -https://www.figma.com/proto/2OIpdquMfjGBthQMWTKs2L/3001?scaling=scale-down-width&node-id=16%3A2

Acknowledgement/Screenshot

Description

Create About us component on the Home page in the specified folder as per the designs.

Concerning Folder

src/components/Home/About

Assets Link

https://drive.google.com/file/d/1cSv87EOkuer-5ZyCySXvTaKqYdgFKvVg/view?usp=sharing

Design Link

Design - https://www.figma.com/file/2OIpdquMfjGBthQMWTKs2L/3001?node-id=0%3A1
Prototype - https://www.figma.com/proto/2OIpdquMfjGBthQMWTKs2L/3001?node-id=16%3A0&viewport=463%2C-359%2C0.41058817505836487&scaling=scale-down-width

Acknowledgement/Screenshot

Description

• Create Admin's blog Component on the Blog page in the specified folder as per the designs.
• import blog data from src/data/BlogDetails.js.
• render blogs whose byAdmin : true key is set to true.
• Make it responsive for all screen sizes

Concerning Folder

• src/components/Blog/Admin
• src/data/BlogDetails.js

Design Link

Design - https://www.figma.com/file/2OIpdquMfjGBthQMWTKs2L/3001?node-id=0%3A1
Prototype -https://www.figma.com/proto/2OIpdquMfjGBthQMWTKs2L/3001?scaling=scale-down-width&node-id=16%3A2

Acknowledgement/Screenshot

Description :

• Suggest a simple but purposeful name to our Project.
• It should be self explanatory and meaningful in accordance with the purpose of the project.
• I would suggest that it should be just one word long but it's upto you.

Description

Refactor File structure for Blog Page and BranchSection Page as we did for Home Page (making separate folders for each component and importing all those components in a single file).

Concerning Folder

• src/components/Blog
• src/components/BranSection

Acknowledgement/Screenshot

NA

Description

• Make contact us Component according to design in the specified folder
• Make it responsive for all screen sizes using col-12 class for mob view and with responsive text size
  Note : this component is different from contact us component of our home page whose folder is already been created in src/components/home folder

Concerning Folder/File

src/components/BranchSection/CRDetails

Design Link

Design - https://www.figma.com/file/2OIpdquMfjGBthQMWTKs2L/3001?node-id=0%3A1
Prototype - https://www.figma.com/proto/2OIpdquMfjGBthQMWTKs2L/3001?node-id=16%3A1&viewport=463%2C-359%2C0.41058817505836487&scaling=scale-down-width

Acknowledgement/Screenshot

Descritption:

• Resolve all the console warnings and errors

Concerning Folder

src/components/Navbar

Description

• Create Pagination for CR's Blog component
• Design it as per the designs

Concerning Folder

src/components/Blog/CR

Acknowledgement/Screenshot

Description

Admin Blog view is altered. On my local host the view is alright but in the online view the section appears as the screenshot attached below.

Concerning Folder

/studentportal/src/components/Blog/Admin

Acknowledgement/Screenshot

Description

Create Branch Intro component for BranchSection Page in the specified folder as per the designs.

Concerning Folder

src/components/BranchSection/LandingSection

Assets Link

https://drive.google.com/drive/folders/1ZQ6LHy2iRsH3A1m_WcUeEHmlGXB925dl?usp=sharing

Design Link

Design - https://www.figma.com/file/2OIpdquMfjGBthQMWTKs2L/3001?node-id=0%3A1
Prototype - https://www.figma.com/proto/2OIpdquMfjGBthQMWTKs2L/3001?scaling=scale-down-width&node-id=16%3A1

Acknowledgement/Screenshot

Description

• Create Resources Component on Branch Section in the specified folder as per the designs.
• Make it responsive for all screen sizes

Concerning Folder

src/components/BranchSection/Resources

Design Link
Design - https://www.figma.com/file/2OIpdquMfjGBthQMWTKs2L/3001?node-id=0%3A1
Prototype - https://www.figma.com/proto/2OIpdquMfjGBthQMWTKs2L/3001?node-id=16%3A1&viewport=463%2C-359%2C0.41058817505836487&scaling=scale-down-width

Acknowledgement/Screenshot

Description:

• Keep the design as minimal as possible but meaningful at the same time.
• It should be in accordance to the Name suggested in #7 and to the project.

Description

Update Documentation with new Repo Name

Concerning Folder

• READM.md
• CONTRIBUTING.md

Acknowledgement/Screenshot

NA

Description:

• Update the Readme file with a brief info about the project and how to setup the application on local machine .

Description

• Create Search and Stats Component on the Blog page in the specified folder as per the designs.
• import tag data from src/data/TagDetails.js.
• render tag name of all the tags.
• Make it responsive for all screen sizes

Concerning Folder

• src/components/Blog/SearchAndStats
• src/data/TagDetails.js

Design Link

Design - https://www.figma.com/file/2OIpdquMfjGBthQMWTKs2L/3001?node-id=0%3A1
Prototype -https://www.figma.com/proto/2OIpdquMfjGBthQMWTKs2L/3001?scaling=scale-down-width&node-id=16%3A2

Acknowledgement/Screenshot

Description

Update Footer for Mobile view and make it responsive for all screen sizes with responsive texts and reduced margin on small screen sizes as per the designs

Concerning Folder

src/components/footer

Design Link

Design - https://www.figma.com/file/2OIpdquMfjGBthQMWTKs2L/3001?node-id=0%3A1
Prototype - https://www.figma.com/proto/2OIpdquMfjGBthQMWTKs2L/3001?node-id=16%3A5&viewport=463%2C-359%2C0.41058817505836487&scaling=scale-down-width

Acknowledgement/Screenshot