gdsc-jssstu / campus-web Goto Github PK

Design link
Hex Codes

Referring to the designs above,

1. Create an aesthetic and responsive Signup Page, and stick to the hex codes using in the design.
2. Refer to context/AuthContext.jsx, where functionality for signup is provided. You need to implement the signup method in the onSubmit handler.
3. On signup, I want a user, having a document ID set to that of the corresponding User UID(Firebase Auth), to be created in the users collection, where you store additional data related to the user(essentially all the details related to the user except for the password).

Design link
Hex Codes

Referring to the designs above,

1. Create an aesthetic and responsive Requests Page,which displays all the requests made by all the users except the requests made by the authenticated user, and stick to the hex codes using in the design.
2. The user has to be authenticated for this.
3. You can find Requests.jsx in src/pages directory.

Design link
Hex Codes

Using the above design, based on the auth state,

1. If the user is logged in, we need to have the following nav elements: Requests, My Requests, My Profile, About Us and Log Out.
2. If the user isn't logged in, we need to have the following nav elements: Home and About Us

Design link
Hex Codes

Referring to the designs above,

1. Create an aesthetic and responsive Create Request Page, and stick to the hex codes using in the design.

2. The user has to be authenticated before creating a request

3. We unfortunately dont have a design in place for it, but you can refer to the image below, which is the Requests page design, and you can take message as input and store it against the user in firebase.

4. You might have to create a collection, or an array of requests in the existing users collection.

5. You can find CreateRequest.jsx in src/pages directory.

Design link
Hex Codes

Referring to the designs above,

1. Implement logout functionality.
2. Also, create link/button for it in the navbar as shown in the design below

Design link
Hex Codes

Referring to the designs above,

1. Create an aesthetic and responsive About us Page, and stick to the hex codes using in the design.
2. AboutUs.jsx can be found in src/pages directory.
3. You can use Lorem Ipsum (dummy text) for now.

Design link
Hex Codes

As you can see in the image below, the Get Started text isn't really fitting into the button. This issue is ONLY on Firefox browsers, and not on chrome. You need to get the placement of the text right.

Home.jsx can be found in src/pages.

Design link
Hex Codes

Referring to the designs above,

1. Create an aesthetic and responsive Login Page, and stick to the hex codes using in the design.
2. Refer to context/AuthContext.jsx, where functionality for login is provided. Integrate it and using onSubmit handler, you are required to authenticate the user.

Design link
Hex Codes

Referring to the designs above,

1. Create an aesthetic and responsive Requests Page,which displays all the requests made by all the users except the requests made by the authenticated user, and stick to the hex codes using in the design.
2. The user has to be authenticated for this.
3. You can find Requests.jsx in src/pages directory.

Design link
Hex Codes

Unlike other issues, there is no right or wrong solution to this issue. We expect you to be creative and come up with a description under About Us, that is apt, succinct, yet creative and engaging. Issue would be assigned based on the approach that you suggest in the comments.

Component path: /src/pages/AboutUs.jsx

Design link
Hex Codes

Unlike other issues, there is no right or wrong solution to this issue. We expect you to be creative and come up with a description under Features, that is apt, succinct, yet creative and engaging. Issue would be assigned based on the approach that you suggest in the comments.

Also, coming up with a figma design would be a plus point. You can come up with some cool layouts to explain the features(list of features can be extracted from the issues/PRs made, README.md and the above figma design link).

Component path: /src/pages/Home.jsx

Design link
Hex Codes

Referring to the designs above,

1. Create an aesthetic and responsive My Requests Page(pertaining to the currently logged in user), and stick to the hex codes using in the design.
2. The user has to be authenticated for this.
3. You can find MyRequests.jsx in src/pages directory.

Design link

Using the above design, based on the auth state,

1. Add relevant routes, and protect the routes wherever necessary. Few routes are already handled, you just need to extend on it.

Design link
Hex Codes

Using the above design

1. Implement the design for the home page. For the features section, feel free to reach out to @sikehish for the text content.
2. Stick to the hex codes used in the design and ensure that it is responsive. If Navbar.jsx isn't implemented yet, then we would recommend you to take up that issue first. Navbar issue

Design link
Hex Codes

Referring to the designs above,

1. Create an aesthetic and responsive Profile Page(pertaining to the currently logged in user), and stick to the hex codes using in the design.
2. The user has to be authenticated before creating a request
3. You have to link the Edit Profile button(as can be seen in the Profile page design below) to the Edit Profile page(which may or may not have been implemented by the time you would have come across this issue). Likewise, you need link View Requests link to the Requests Page.
4. You can find Profile.jsx in src/pages directory.

Design link
Hex Codes

Referring to the designs above,

1. Create an aesthetic and responsive EditProfile Page(pertaining to the currently logged in user), and stick to the hex codes using in the design.
2. The user has to be authenticated before creating a request.
3. You have to link the Edit Profile button(as can be seen in the Profile page design below) to the Edit Profile page.
4. You can find EditProfile.jsx in src/pages directory.
5. Add EditProfile route as "edit-profile"