phill52/seniord

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

seniord's Issues

Select and integrate chat messages into the main Message User page

Select and integrate project details into the Project Details page

create login and sign up pages

these haven't been done in the figma, but should just be standard good looking forms.
https://ui.shadcn.com/docs/components/form
the shadcn forms have validation built in with react-hook-form.

Integrate accept and deny functionalities into the Accept Invitation page

Create Collaborator request component

create project page

Select and integrate user/profile into the sidebar

create login server actions

look at supabase docs and stuff how to keep a cookie thing going for user logging in

Select and integrate saved projects into the Saved Projects page

Select and integrate chat messages into the windowed Message User page

make a seed file

we need a consistent seed file of a few users, projects, and messages.

supabase documentation
maybe use this for mock data
faker js

Insert new chat message rows from the windowed Message User page

Chat popup

The chat mainpage looks perfect. All we have to do is make it so there's a pop up version like on facebook or twitter, that can be expanded to the full page.

Create message pop up

make sure it is hidden on mobile

Message functionality

profile page layout

create search projects page

Search page functionality

Insert new chat message rows from the main Message User page

Select and integrate profile data for the Profile page

Redesign project page.

I think we can completely redesign the project page, it's looking a little rough right now. Features currently missing on it right now are the type of skills, open roles, skill level, like/save button, and admins adding their own news.

It also needs a version for admins to see, where they can edit anything, add currently needed roles, add news, link a repository.

Also add side bar

make side bar responsive

i started with the responsive design, but not finished and the sizing is weird and should be open closable with css. it should work on mobile screens. inspect element and test with phone size screen

Project applications page

this is the page for the admin/owner of a project to view different applications and accept/reject them.

should also show what it looks like for a user to get an accept/reject notification

Implement search functionality for the New Message page for the recipient user

Split up chat

create login/signup page

Redesign Create Project

Honestly, mostly looks good. I think it can just look slightly better and more organized. Also, have the side bar in there.

create message page

Insert profile row from Create Profile Page

Notification

The accept invitation page looks okay. I think we just need to add a quick page before that shows the notification on the side bar, what it looks like when you click, and then it expands to that page.

Select and integrate unread notifications into the Accept Invitation page

create account detail page

Select and integrate chat messages into the sidebar

Implement search functionality for the Collaborator Requests page for potential users

create side bar layout

create a sidebar component. for now, feed it dummy data for JSX templating for now, so we can easily implement backend feeding data later.
keep it as a server component, there is some CSS tricks with input boxes you can do without having to useState to open/close menus.
also make it responsive to mobile screen, look at the figma for reference
Hamburger menu no JS

Create login/sign up page

Fill out DB Schema

In schema.ts, I've only done the bare minimum for authentication. We need the rest of our database in there.

Look into the drizzle docs and this old picture from the supabase

Insert project row from Create Project Page

Create profile page

should include different versions for viewing your own, versus viewing someone else's

Making Homepage

Select and integrate projects into the sidebar

Redesign Profile Page

We need to redesign the whole profile page. Key things missing are best 4 skills, education/experience, github, and skill level. Also create a different version for looking at your own verses looking at someone else's.

create sign up server action

look at supabase docs and create a server action for creating an account

create sidebar

Finish sidebar

Sidebar is mostly looking good, just need to add/organize a few things. Have a thing to search for users, and show recently searched for both users and projects. Also have a thing for saved projects

Add some color/theme

saved projects page

page to view your saved projects, and unsave any too.

Redo search page

These mostly look good. Just few things to change. Throw in the sidebar, change the windows to the standard white ones we've been using, find a way to separate the skills, and show a thing for currently needed roles.

Implement search functionality for the Search Projects page

side bar drop down menus

make it so the projects and direct messages are in the side bar are dropdown menus like in the Figma. try not to use javascript, and if anything, DON'T make the whole sidebar a client component. there are CSS hacks you can do to open and close the menus

example article of how to do it with css