Build an UI for this project.

[nikhil25803]

Notes

• Idea is to give this project a user interface on the root / path, as a landing page.
• Create a templates folder and create all the UI-related files in that folder only.
• The template folder must have an index.html file.
• Before asking to get this issue assigned to you, please explain your idea in the comments below explaining the design(you may upload an image for reference) and the tech stack you are going to use.
• Go through the contributing guidelines and make your contribution accordingly.

[lostgirljourney]

Hi, I want to discuss this. I am a frontend developer and I can do this using React using Next.js. Tho I don't know designing very well but we can look together for inspiration.

[nikhil25803]

Sure @lostgirljourney
But instead of using a framework, we are looking to build the page using HTML, CSS, and JS only (you may use Bootstrap) so that we can render it easily as a template response in FastAPI. If you are okay with this, we can step ahead and discuss the design ideas.

[lostgirljourney]

Okay, here asked for the stack, so suggested React. And sure thing, we can go ahead with simple HTML, CSS, and JS, and it will be a new experience for me as well to work with the template response of FastAPI.

[nikhil25803]

Great!
Assigning it to you and inviting you to the idea discussion page where we can discuss the design and once it is done, you can start working on it.

Just drop a Hi there :)

[lostgirljourney]

@nikhil25803 What exactly do you want to add to the website? Can you state that? That will give me an idea to proceed.

[nikhil25803]

The homepage will look like this

• Left side of the navbar - CollegeAPI.
• Right side of the navbar - Discord and GitHub link (with logo)
• The hero section includes written collegeAPI powered by Clueless Community in camel case with a brief description of it and on the right side of the hero section you can use any relevant SVG/PNG so that it doesn't look too minimal.
• Something similar to what is shown below.

• As it will be a single-page website, scrolling down, we can define our available routes and can show some sample output.

---

All of the things I mentioned are just for reference, feel free to use your creativity.
And yes, you can add this feature in multiple pull requests.

[lostgirljourney]

@nikhil25803 Got you. I will start over this, might take a bit of time as exams and office both gonna go simultaneously. :)

[nikhil25803]

Sure @lostgirljourney !! No hurry :)

[rahulkarda]

Hi @nikhil25803 , look at this UI that I made for my API. If you like it then I can share the template files with you for the college API. It's built using pure HTML, CSS, and JS.

Here's my API link: https://crypto-info-api.herokuapp.com/

[nikhil25803]

It's really good @rahulkarda | You can ask @lostgirljourney and can work together.
But I want to tell you now only that, when this PR will get merged, the points will be given to her only.

[rahulkarda]

Ok. I'll talk to her.

…

On Sun, Oct 9, 2022 at 1:26 PM Nikhil Raj ***@***.***> wrote: It's really good @rahulkarda <https://github.com/rahulkarda> | You can ask @lostgirljourney <https://github.com/lostgirljourney> and can work together. But I want to tell you now only that, when this PR will get merged, the points will be given to her only. — Reply to this email directly, view it on GitHub <#16 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ASFMWP6VIVIFDEJADWFDKW3WCJ3CTANCNFSM6AAAAAAQ2JOL6U> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[nikhil25803]

Glad to have contributors like you @rahulkarda bhaiya :)
You can use this page to discuss the idea with the team.

[rahulkarda]

Cool, thanks!

…

On Sun, 9 Oct, 2022, 1:31 pm Nikhil Raj, ***@***.***> wrote: Glad to have contributors like you @rahulkarda <https://github.com/rahulkarda> bhaiya :) You can use this page <#18> to discuss the idea with the team. — Reply to this email directly, view it on GitHub <#16 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ASFMWP37YGLZTS3WZFX4KQDWCJ3T7ANCNFSM6AAAAAAQ2JOL6U> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[nikhil25803]

Hey @lostgirljourney | Any update?

[lostgirljourney]

Hey @nikhil25803, I will start now. I was having exams.

[nikhil25803]

Hey @lostgirljourney, there are only a few days left in Hactoberfest'22. Any updates?

[rahulkarda]

Hey @lostgirljourney, there are only a few days left in Hactoberfest'22. Any updates?

Assign it to me if there's no update or I can help maybe.

[nikhil25803]

Assigned it to you bhaiya :)) @rahulkarda

[rahulkarda]

Assigned it to you bhaiya :)) @rahulkarda

Awesome! Will start working on it.