Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

2. Create your personal page #9

Open
edakturk14 opened this issue Sep 3, 2024 · 5 comments
Open

2. Create your personal page #9

edakturk14 opened this issue Sep 3, 2024 · 5 comments
Labels
for all all members of the batch need to complete frontend

Comments

@edakturk14
Copy link
Contributor

Goal

Create a PR with your personal page so it's displayed on the Batch site.

Creating the Batch page

  1. If you haven't done it already: fork & clone the repo, install dependencies, and create your own branch.
  2. Create a new folder & file in packages/nextjs/app/builders/[your-0xAddress]/page.tsx
  3. You can have a little bio, avatar, address, links to your socials, etc.
    -> Keep it simple! (no heavy assets, etc.)

⚠️ Important Notes:

  • Pay special attention to linting, code format, etc.
  • Be creative! Don't just copy what other builders and doing.
  • Inspecting how other SE-2 components/pages are created is a great way to learn.
  • Make sure to read the README file for more guidance.

⚠️ If you are the first one to create your personal page, you'll need to create the builders folder in packages/nextjs/app/.

@fedeloterstein
Copy link
Contributor

Completed in this PR

@arjanjohan
Copy link
Contributor

Check out my personal page here #17

@danitome24
Copy link
Contributor

Hi all!

For this issue, the task is to create only your page (page.tsx). However, you need to remember your address to reach the url (domain:3000/builders/[address]).

I suggest modifying app/component/Header.tsx to add a dropdown where everyone can map their name => address, making it easier to navigate to individual pages

Maybe something like:

Captura de Pantalla 2024-09-12 a las 9 48 41

What do you think about it?

Perhaps modifying Header.tsx code should be a new issue...

@arjanjohan
Copy link
Contributor

@danitome24 Check out issue #4 where two solutions for this are proposed. I personally like the /builders page approach that is suggested there. In a drop-down, it might be difficult to distinguish students, especially those without an ENS name. On a dedicated page, we can add more information (like profile pictures).

On the other hand, I never created a dropdown in the scaffold header, so I am keen to trying to build it (although it should not be that difficult). For learning purposes, I suggest implementing both solutions.

@derrekcoleman
Copy link
Collaborator

I appreciate your suggestion, @danitome24! As Arjan pointed out, this problem is exactly the scope for #4.

I encourage you to open an issue for any other design ideas you have! This collaborative discussion is at the heart of OSS development.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
for all all members of the batch need to complete frontend
Projects
None yet
Development

No branches or pull requests

5 participants