dopecello / music-jobs Goto Github PK

View Code? Open in Web Editor NEW

2.0 1.0 1.0 1.64 MB

A visionary social media platform designed to legitimize music careers and leverage ISA contracts with angel investors

Home Page: https://opus-worldwide.vercel.app

License: GNU General Public License v3.0

TypeScript 89.81% JavaScript 2.09% CSS 8.10%

career-development investing music

music-jobs's Introduction

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

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

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

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

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.ts.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

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.

music-jobs's People

Contributors

Stargazers

Watchers

Forkers

frenzoid

music-jobs's Issues

Stop the annoying flickering of styles while navigating

Pretty sure this is a getServerSideProps() tweak but if anybody has an enlightening solution to this while I tackle the bigger functional issues that would be awesome

make a privacy page url

Facebook requires one of these. Legit just copy paste something good and make a new page

Change Apple Sign In to LinkedIn Sign-In

Since Apple is more of a monetary investment at the moment let's change the OAuth to LinkedIn, which makes more sense since the architecture of this app is more geared towards this type of app anyway

Create sign-up with email option

WHEN I access access.tsx
THEN I am presented with several options to sign in, one of them being "Log in with Email"
WHEN I click the option labeled "Log in with Email"
THEN I am taken to a page where I fill out personal information
WHEN I am filling out personal information
THEN I am I prompted to fill out my first and last name, email, a password(with retype password confirm) and upload a picture
WHEN I hit submit
THEN my information is sent to Firebase and checked with existing users
IF my email is a duplicate of an existing user
THEN the app will prompt me to sign in with the provider that I originally created the account in

Sort of a complicated one but essential for those who wont use any of the main providers.
Let sign up form be same style as the email and password login fields in access.tsx:

Create an error page or error modal when presented with `OAuthAccountNotLinked` error

https://next-auth.js.org/configuration/pages

this is the documentation that explains the error.

WHEN a user tries to sign into a different provider than the one they originally signed in with
THEN the user should be prompted to try to sign in again, but with a different email or the same provider they used last time

I think an error page would be too much. A modal could pop up and that would be more subtle

Please also use the app in PRODUCTION MODE https://opus-worldwide.vercel.app/

Add LinkedIn Sign in button (front-end only)

Add LinkedIn button with similar formatting to the Facebook, Google, and Apple buttons in access.tsx

Must contain a LinkedIn icon and the text "Log in with LinkedIn"

Set up sign-in auth for Firebase contributors

-make it so everyone can make CRUD requests to database without sacrificing security.

Set Up About Section

I will write the bulk of the about section.

Some styling and css animations on the text when user loads the screen would be pretty cool. Creativity and device responsiveness is key.

Will write out the about section by Tuesday and hopefully get'er done by Friday

=================

It is done when there is a new page called about.tsx in the pages folder of the root project

It is done when the who, what, when, where, - and most importantly - why, is answered in the about section

It is done when the text is formatted correctly on all screen sizes and doesn't look weird

It is done when there are cool animations either upon loading page, hover, scrolling, something else, or all the above

Facebook OAuth

If someone wants to try to tackle Facebook OAuth, that would be epic.

If anyone needs certain access to things in order to set it up just text me

Text any resources or thoughts here

++++++

it is done when I can sign up with my facebook account and firebase picks up my unique user information and stores it

it is done if when i try to repeat the process, that firestore does not duplicate my user info.

Create login button for top field of login

Just add a Login button that acts the same as the "About" button in the Nav but with a rounded border

Be sure to assign the correct custom css class buttons buttons:hover so that it does the animation

Insert here:

Set up OAuth for Google

google is probably best place to start, if anyone has any good resources or ideas feel free to post. Trying to get this done by Friday.

it is done when I can sign up with my google account and firebase picks up my unique user information and stores it

it is done if when i try to repeat the process, that firestore does not duplicate my user info.

Create sign up form with SSO (front end)

Make it look similar but keep the same style as before like color scheme, etc.

DONT INCLUDE:
Login without password

https://drive.google.com/file/d/1QSy4zoDbgS6fEmP03mG3xBwQrxmWwLkJ/view?usp=sharing