recursion-nitd/recursionnitd-frontend

recursionnitd-frontend's Issues

Events Page API Integration

• design basic events page with api calls in place
• use src/api -> for actual api calls [keep the code modular and readable]
• design a reusable pagination component for using in other parts of the project

GSAP Animations + Scroll Trigger

• find out how to implement animate on scroll
• RECursion -> RECode -> ..... on homepage
• section with mission vision value
• events carousel spreading and description on scroll

Fixing Responsiveness

make all pages responsive

Navigate user after login

• navigate user to prev page(-1) after login
  [ eg. If an unauthenticated user clicks on /blogs and is redirected to /login , after successful login redirect him back to /blogs]
• currently redirects to home
• If user tries to access login page by typing in the url , it must redirect to home. [currently implmented]

Homepage UI

• Design the UI for new homepage
• showcase major events/features of website
• use dark theme

Fix Markdown

import ReactMarkdown from "react-markdown";
import remarkGfm from "remark-gfm";
import rehypeRaw from "rehype-raw";

• currently used react-markdown along with rehypeRaw displays things correctly
• But, Formatting is not proper

TBD :

• make text Bold wherever required
• Links should be coloured Blue/differentiated from normal text
• any other changes consistent with https://www.recursionnitd.in/experience/detail/410/
• Make a Component with Outlet for rendering markdown properly ( code can be reused in exp,askREC,blog)

Team Page UI

• Arrange members according to batch
• Display posts
• make cards for members with links etc.
• make cards for alumni

Adding infinite React -count up component in Home.js

Trying to give an infinite count up effect to numerical values

// Events will show auto increamenting effect

"Register User" page UI

• use components from chakra UI

"Edit Profile Page" UI

• use components from Chakra UI

[Improvements] Getting started

• add Links , References for each article
• handle mobile topic navbar close on clicking any subtopic
• add next and previous buttons after each article

additional features

• add smooth scrolling using refs
• add topic pages
• improvements in ui/ux

Interview Experiences - API Integration

write basic api calls for interview experiences page

• https://github.com/arin17bishwa/RECursionNITD-website/tree/trial_deployment/website/interview_exp/api
• https://www.recursionnitd.in/experience/

Color consistency & css styling

this is for improving the code quality and readability (long term goal)

• go through the code to decide which CSS styling to follow ( Example : tailwind classes, styled components , makeStyles , div style={{}} , emotion sx={} , etc. )
• modify all components to make it consistent in styling
• Make the shades on all pages consistent.
• add colors in tailwind config and use in components (if tailwind is to be used , or use ChakraUI themeProvider)

p.s - immediate attention not needed.

Interview Exp Page Detailed View

Track progress in getting started

Progress Tracker

Enable users to track their progress in getting started section

• User should be prompted to login in order to track progress.
• (Backend changes in model required to store user progress in getting started).

Reference Image