Feature Request

Describe your problem

Code up "Create Account" component according to design given below

Desktop view

Mobile view

Bug Report

Issue Summary

Right now, the profile component is just a big HTML file with almost no component splitting. Split it up into components and integrate them, preferably into a profile-components folder like the other components of the project.

Refer here

Add the dashboard component and route.

Changes:

-> Remove sidebar from home page
-> Add box-shadow: 0px 0px 50px -18px rgba(0, 0, 0, 0.25); to each containers
-> Change color of compose button to#C5C3FF
-> Max width of the main container should be 1280px
-> When windows width is less than 1280px give it a margin of 12px
-> Hide notifications container when windows width is less than 900px

Img

Feature Request

Describe your problem

The Profile Page has options to edit the profile. This data should be sent to the back end so that it is reflected in the database, and accordingly updated in the front end.

Describe the solution you'd like

Ensure that the post requests from the front end are correctly rerouted to the back end.

Additional context

Feature Request

Describe your problem

Testing and integrating backend of user profile edit with frontend

Feature Request

Describe your problem

Your problem description goes here....

Describe the solution you'd like

Your proposed solution goes here.

Additional context

Write your answer here.

Feature Request

Describe your problem

Add the project idea and description to the readme.

Feature Request

Describe your problem

Add the project tech stack to the readme.

Feature Request

Describe your problem

Build the Compose page for the posts. It should include features such as text formatting, inserting pictures, emojis , word limit, etc

Feature Request

Describe your problem

The sign up and login pages do not have an option for registering with Google

Describe the solution you'd like

Add a button that enables the user to sign in using Google.

Feature Request

Code sign in component according to below design

Desktop View

Mobile View

Hey so our social media platform requires some kind of reaction keys similar to those present on

Facebook:

LinkedIn:

Now we are inviting your ideas on the same:

For example: Emojis related to nature. As our platform is focused upon mental health and nature is the best healer we can use nature related emojis to express support, help etc.

🍃 - I care for you
🌷 - I am here to talk

This is just an example. Please open up your imagination and send us your ideas.
Send minimum 4 emojis and what they signify. Upload your ideas in the reaction_key folder.

This issue is open to everyone please contribute!

Thank you 😄

Changes:

-> Remove sidebar from home page
-> Add box-shadow: 0px 0px 50px -18px rgba(0, 0, 0, 0.25); to each containers
-> Change color of follow button and not selected tab to#C5C3FF
-> Max width of the main container should be 1280px
-> When windows width is less than 1280px give it a margin of 12px

Img

Feature Request

Make bottom navigation component

Imgs

Details

Use imports:

import HomeOutlinedIcon from '@material-ui/icons/HomeOutlined';
import AddCircleOutlineOutlinedIcon from '@material-ui/icons/AddCircleOutlineOutlined';
import ExploreOutlinedIcon from '@material-ui/icons/ExploreOutlined';
import SpaOutlinedIcon from '@material-ui/icons/SpaOutlined';
import AccountCircleOutlinedIcon from '@material-ui/icons/AccountCircleOutlined';

Responsiveness:

-> Max width of container containing bottom navigation buttons: 1280px
-> Min width of the same should be: 400px;
-> When windows inner width is less than 1560px keep the container size be 80% of the width;
-> Adjust height according to mobile view and desktop view
-> Hide text when in mobile view

Styles:

-> Button's contents color when not selected: #3D3D3D
-> Button's contents color when selected: #6360FF
-> Use box-shadow: 0px 0px 50px -18px rgba(0, 0, 0, 0.25);

Problem

It is odd that only profile page component has sass structure where other components has material UI framework.

Solution

It would be better to remove sass structure and implement profile page component using material UI to keep it even with other components

Feature Request

Describe your problem

The home route in the back end does not lead anywhere for now, even though the Home page has been implemented.

Describe the solution you'd like

Connect the homepage to the backend, and ensure that all components are being rendered correctly.

Additional context

Feature Request

Describe your problem

The thumbnails of the posts of the user in the User Profile page are only suitable if the posts are images. For texts/videos/others, the thumbnails need to be updated.

Describe the solution you'd like

For any text posts, the thumbnail should be the title followed by the first few words of the content. For any image/video posts, the thumbnail can be the title of the post followed by the image/first frame of the video.

Additional context

Attached below is a screenshot of the Reddit feed. You can take inspiration from their design.

Feature Request

• I will add the Sass, 4 folder architecture.
• I will also add a Global Media Query Manager, with flexible rem for all the screen widths
• I will also add the User Profile Page.

Figma design for the platform needed so that we have a basic idea of what the platform looks like.
An idea of color schemes could be good like whether we want to have yellow 🟡 as the main theme or maybe green 🟢 it can be any color 🌈 .
Also design for other pages ! 😀

Feature Request

Describe your problem

Add basic react project structure.

Feature Request

Describe your problem

Recently there is a simple UI for edit profile page which is just for testing for backend REST Api endpoints, there is need to improve its UI. We have the designs for edit profile page which we can get here.

Feature Request

Describe your problem

Add the signup route and component.