devlarabar / 100freelancers Goto Github PK

The "Outreach" form (/client/app/outreach/add/page.jsx) needs to be completed. It has already been started and currently looks like this:

The remaining form fields should reflect the "Outreach" model.

The icons at the top left of the home page are currently not functional:

This issue is for adding the functionality of the far-right icon, which should convert the client cards in the feed to a list view.

While the landing page is already mobile-responsive, it can be improved by adjusting the sizes of the screenshots according to the screen size. Specifically, the mobile screenshot looks too small and out of place on smaller screens, especially when sitting underneath the desktop screenshot.

Generally speaking, we should be ensuring our app looks good on screens as small as 320px wide.

The profile dashboard or profile page will display the user's various stats, including:

• Total clients
• Total outreach
• Success rate
  And more.

As an enhancement, the user should be able to click a button and view charts of their data.

We need to collectively discuss and decide on an overall design for the app, including color palette, layout, logo, and anything else that can bring the app to life visually! Suggestions are welcome and encouraged.

This issue specifically involves designing the app and creating a design/style guide. Issues for specific design implementations (using Tailwind or re-arranging components within the app) will come after the app design has been decided.

The profile dashboard needs to be made mobile-responsive. This can be done by resizing the elements, and changing the number of grid columns at different breakpoints.

Generally speaking, we should be ensuring our app looks good on screens as small as 320px wide.

Currently, contributors have to set up databases with MongoDB Atlas in order to work on the project in their local environments. This isn't ideal; we need a way to connect to local instances of Mongo for development purposes.

The homepage currently displays dummy data. It needs to be updated so that it shows the logged-in user's documents in the Outreach collection.

We need to update the app to be mobile responsive. See the screenshot below for an example of the problem.

It's time to start building our landing page! We need to both design and code the landing page (on the root route). Since users cannot see the features of the app without being logged in, it would be helpful to include screenshots and descriptions of the various features (and upcoming features) in the landing page to encourage new users to create accounts.

The screenshots should include desktop, tablet, and mobile views to display that the app works well on all screen sizes. Since the app is still in the early stages of development, placeholder images will work fine for now. This is a great website for placeholders.

A small blurb describing the importance of freelancing for the start of a developer's tech career would be helpful as well!

Discussions regarding the design can be held here or in our thread on Discord.

We currently don't have a way in the app to view all your Outreaches.

This issue is for creating a page that lists all Outreaches, similar to the home page that lists all Clients. Create an Outreach Card that has the following information:

• Client name
• Client type
• Type of Outreach (phone, email, etc)
• Date
• Whether the client responded
• Whether the client responded saying yes to the project

To whomever intends to tackle this, please feel free to include any other relevant information.

Make sure to maintain styling consistent with the rest of the app. Refer to Issue #6 for the design discussion.

These three buttons on the top left of the home page are currently non-functional:

This issue specifically refers to adding the functionality of the first two, sort and filter.

Now that we have the client card design worked out, we need to add a bit of functionality to it. The ... on the top right should display a dropdown menu once clicked.

Refer to the Design issue and the App Demo to keep the design consistent.

Allow users to edit already-existing clients and outreaches (i.e. to change names, update outreaches, etc).

Expected Behavior

Upon clicking the "sign in" button and authorizing Discord, users should be successfully redirected to the /home page.

Current Behavior

Instead, after authorizing Discord, users are met with this:

(The link in the console goes here)

This goes away by manually navigating back to the root route using the URL bar (i.e. entering https://100freelancers.vercel.app/, which would then recognize that the user is logged in and redirect to the /home route).

I suspect the issue lies in the /client/app/home/page.jsx file, but am not entirely sure what it might be.

Steps to Reproduce

1. Go to the demo and click the "sign in" button
2. Authorize Discord

Context (Environment)

This bug only appears to be happening in production, not in local environments.

To keep our code and formatting consistent across the project, linting of some sort should he set up. This can consist of ESLint and Prettier.