iiitl / crypto_project Goto Github PK

Description :
There is an animation effects for the last section of the website to expand two lines from left to right until they reach the width of the screen , now expand two dots between the cards vertically to almost the height of the cards.

Tasks to be done :

• Expand the two dots between the cards vertically to nearly the height of the cards

refer the video attachment to expand the two dots between the cards vertically to nearly the height of the cards.

Description:

The cards displayed at the bottom of the page require an improvement in their CSS styling to create a more visually appealing and cohesive design. Furthermore, add a tilt on hover effect to the cards

Tasks to be done :

• Enhance the css styling of all the cards
• Add a tilt on hover effect to the cards

Description:
Implement registration functionality to enable users to register on the website, including frontend registration page creation and backend functionality development, and establish communication between frontend and backend.

Tasks to be done :

• Develop a registration page in the frontend to collect user registration information.
• Implement corresponding registration functionality in the backend to process user registration requests.
• Establish communication between the frontend and backend to send registration data from the frontend to the backend and receive responses.

Description:
Currently, the navigation bar does not remain fixed at the top of the page when the user scrolls, and there is no dynamic background transition from transparent to glassy based on scroll position.

Tasks to be done:

• Update the CSS to make the navigation bar fixed at the top of the page when the user scrolls.
• Initially, set the background of the navigation bar to transparent , then Implement a transition effect to change the background to a glassy appearance as the user scrolls down , then Implement logic to revert the background to transparent when the user scrolls back to the top of the page.

Description:
Implement login functionality with JWT authentication, including frontend login page creation, backend functionality development with JWT authentication, and establishing communication between frontend and backend.

Tasks to be done :

• Develop a login page in the frontend to collect user login credentials.
• Implement corresponding login functionality in the backend to authenticate users using JWT (JSON Web Tokens).
• Establish communication between the frontend and backend to send login data from the frontend to the backend and receive JWT tokens for authenticated users.

Description :

Currently the links at navbar have simple hover effects , add some amazing hover effects .

Tasks to be done :

• Add an amazing hover effect on the links in navbar .

Description:

Enhance the CSS styling of all buttons , you may add some hover animations, border animations, etc .

Tasks to be done :

• Enhance the css of all the cards

Description:
Currently, there is no backend server in place, and there is no connection established with MongoDB. To enable data storage and retrieval for user-related functionalities, such as registration and authentication, Set up a backend Express server, establish a connection with MongoDB, and define user schemas for the database.

Tasks to be done:

• Configure and deploy an Express server to handle backend operations.
• Establish a connection with MongoDB to store and retrieve user data.
• Define user schemas to structure the data stored in the MongoDB database, including fields such as username, email, password, etc.

Description:

In the hero section of the webpage, the video content does not currently adjust to fit the screen size, and it does not loop seamlessly.

Tasks to be done:

• Utilize css properties to adjust the video content to fit the screen size .
• Add the looping functionality allowing it to play continously .

Description :
Implement animation effects for the TRADE and WORLD sections to translate from left to right and right to left, respectively, gradually becoming visible when the section enters the viewport.

Tasks to be done :

• Implement left-to-right translate animation for the TRADE section, gradually making its content visible as it enters the viewport while keeping image static.
• Implement right-to-left translate animation for the WORLD section, gradually making its content visible while keeping the video static.