technex-iit-bhu / ca_frontend Goto Github PK

• The User Creates his profile gets stored in the database
• The Login Page Checks for the Registered Users
• Also Register only when Password == Confirm Password

• Remove extra margin in small screen devices on Incentives Page
• Make title text background responsive
• Add navbar to layout

Add heading to these

• About Technex
• Our Reach
• Why CA
• Testimonials
• FAQs

• Connect Dashboard component card to backend
• Create separate page for Dashboard component.

Currently the circular bar animates on screen load. It must also animate when the page is scrolled at that component

Need to create a full fledged Login Page. Need suggestions @vaibhav-1508 and @BabyElias for this

• Fix responsiveness of leaderboard for small screens(either remove the image bubble completely or reduce its size) and when navbar appears as hamburger menu
• Fix responsiveness of profile page for small screens
• Add referral code field in profile page (linked with backend)
• Remove YT from footer
• Make About uppercase in hamburger menu

@Sweetdevil144

• Update Social Links
• Update Contact Us Page
• Sync Tasks from API on the basis on active, expired and completed tasks.
• Sync DashboardTab with API to import dashboard content of user when logged in.
• Display Dashboard Component only when isLoggedIn is implemented

• Create incentives.tsx in pages directory
• Import the incentives carousel
• Import the Responsibilities carousel
• Add Incentives & Responsibilities Headings (Refer to the 12 line of the following file https://github.com/technex-iit-bhu/CA_Frontend/blob/master/src/components/abouttechnex.tsx)

Refer to the design from Figma
https://www.figma.com/file/n0SgLdEkL90TVrrCC0ShpL/CA-Portal?type=design&node-id=106-41&mode=design&t=UV4OnaWx14LfHPMS-0

• Hamburger Menu shows no active hover icon
• Link About to Homepage
• Add navbar to layout (background should be transparent on homepage, while same as bgcolor on other pages)

As discussed, remove content cards. Add more space for content.

In the form of a carousel

As discussed,

• Align the components on Landing Page by providing suitable margins/padding.
• Apply Consistent text styling throughout.

• Add black padding around the text as seen in design
  
• Correct the font style and font weights
• Correct the designing of the leaderboard heading (Refer to the 12 line of the following file https://github.com/technex-iit-bhu/CA_Frontend/blob/master/src/components/abouttechnex.tsx)

Refer to the designs
https://www.figma.com/file/n0SgLdEkL90TVrrCC0ShpL/CA-Portal?type=design&node-id=106-41&mode=design&t=UV4OnaWx14LfHPMS-0

Make title and text styles consistent throughout the page ( inspired from the About Technex section that has been made)

Also, for smaller screens, a Read More should appear for text-descriptions beyond a certain word count to limit screen scrolling.

As discussed

• Create cards for the podium
• Create cards for of the users
• Create a scroll action for rest of the users
• Make API calls to fetch the Name, CA ID, points of the users

• Add heading (Refer to the 12 line of the following file https://github.com/technex-iit-bhu/CA_Frontend/blob/master/src/components/abouttechnex.tsx)
• Correct the scaling of the component

Refer to the figma designs https://www.figma.com/file/n0SgLdEkL90TVrrCC0ShpL/CA-Portal?type=design&node-id=106-41&mode=design&t=UV4OnaWx14LfHPMS-0

• Use the Chakra Component for Circular Progess: https://chakra-ui.com/docs/components/circular-progress/usage
• Create animation on page enter for the circular progress, refer to this issue for help chakra-ui/chakra-ui#68

Add images carousel below About Technex.

• Add Dashboard Heading (Refer to the 12 line of the following file https://github.com/technex-iit-bhu/CA_Frontend/blob/master/src/components/abouttechnex.tsx)
• Add animations to the dashboardTab component on tab change

Refer to the designs
https://www.figma.com/file/n0SgLdEkL90TVrrCC0ShpL/CA-Portal?type=design&node-id=106-41&mode=design&t=UV4OnaWx14LfHPMS-0

Add separate rewards drop down to each task.

Design as discussed.

The outlook for this section is ready, a few design elements need to be added.

Alignment to be changed from horizontal to vertical for phone-view.

As discussed

Need to create a Register Page for the Login Page. Need suggestions for this.
The Register Page needs to be made Before the Login Page.
Assigned to - @shivansh-bhatnagar18

• Make testimonials centre aligned
• Create a separate ContactUs page with T&C section, link it to navbar.

• Create a carousel component for the Responsibilities Section, alternatively you can copy the carousel from the incentives section
  
• Create a new card for the responsibities section

Navbar, collapsable for phone-view design (Responsive)

• Make a card component for the carousel
• Import the card component to the carousel component
• Add scrolling animation to the component along with the buttons

refer to the designs

https://www.figma.com/file/n0SgLdEkL90TVrrCC0ShpL/CA-Portal?type=design&node-id=0%3A1&mode=design&t=UL8Yi3B3YbUxuvSR-1

• Add profile icon on navbar for when the user has logged in
• Add incentives page and import the carousel components made in #9 and #10
• Add dashboard to navbar for when the user has logged in #13