Giter VIP home page Giter VIP logo

palettegram's Introduction

Palettegram - social media for professionals

Palettegram Banner

⚑ Project Status

GitHub contributors license MIT Stargazers Forks

GitHub Open issues GitHub Closed issues GitHub PR Open GitHub PR closed

GitHub code size in bytes GitHub top language GitHub Release

Discord Community

πŸ† Featured in:

Event Logo Event Name Event Description
GSSoC 24 GirlScript Summer of Code 2024 GirlScript Summer of Code is a three-month-long Open Source Program conducted every summer by GirlScript Foundation. It is an initiative to bring more beginners to Open-Source Software Development. Click here to get the guidelines.
Welcome to Social Winter of S4 Innogeeks Winter of Code 2024 Innogeeks Winter of Code is a month-long open-source program envisioned by the Innogeeks. It is an online initiative that introduces new contributors to open-source software development. Click here to get the guidelines.
Welcome to Social Winter of S4 Social Winter of Code 2024 Social Winter of Code is a 2-month-long open-source program envisioned by the Social. It aims to bring students into the world of open-source development and see the power of unified problem-solving in real-time. Click here to get the guidelines.
Welcome to Hacktoberfest Hacktoberfest 2023 Hacktoberfest is a month-long October event welcoming all skill levels to join the open-source community, contribute quality pull requests on GitHub, and earn cool swag.

Table of Contents

πŸ€” Why open source

Contributing to open source increases your opportunities to work with different projects and mentors, getting to know various insights and ideas. It is a platform where contributors grow together with a constructive and positive attitude.

This repository also provides one such platform where contributors come over and put their ideas for new games and make our website as interactive as they can!

If you like the project, please β˜… this repository to show your support! 🀩

πŸ’» Tech Stack

  • Next.js - Next.js is an open-source web development framework.
  • TypeScript - TypeScript is a free and open-source high-level programming language.
  • Tailwind CSS - Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML.
  • Appwrite - Appwrite is an open-source backend platform for developing Web, Mobile, and Flutter applications.

Live demo πŸ’»

Visit https://palettegram.vercel.app to see the live demo!

Demo Credentials to test applications:

Email Address Password
[email protected] SharePassword@101

πŸ‘‹ Introduction

Palettegram is a social media application dedicated to professionals like graphic designers, UI/UX designers, Developers, etc. to leverage UI designs, design ideas, UX approaches, and color palettes.

This application provides a streamlined workflow for the users to find the best color palettes and design ideas for their use and contribute back to the community.

intro

πŸ”¨ What does it do?

UI designers are always looking for new inspiration, and a social media platform specifically designed for them would be a great way to find it. This platform would allow designers to share their work, including color palettes, designs, and even code snippets. It would also provide a forum for designers to collaborate and get feedback on their work.

Features

The platform would have several features that would make it valuable for UI designers, including:

  • A user-friendly interface: The platform would be easy to use and navigate so that designers could focus on sharing their work and getting feedback.
  • A variety of ways to share work: Designers would be able to share their work in a variety of ways, including by uploading images, creating projects, and writing blog posts.
  • A community of designers: The platform would be an excellent way for designers to connect with other designers and get feedback on their work.
  • A marketplace: The platform could also include a marketplace where designers could sell their work or hire other designers.

Benefits

There are many benefits to a social media platform for UI designers, including:

  • Increased exposure: The platform would give designers a way to get their work seen by a wider audience.

  • Improved collaboration: The platform would provide a forum for designers to collaborate and get feedback on their work.

  • New inspiration: The platform would be an excellent way for designers to find new inspiration for their work.

  • Growth opportunities: The platform could provide opportunities for designers to grow their businesses or find new jobs.

πŸ›‘οΈ License

Palettegram is licensed under the MIT License - see the LICENSE file for details.

πŸ€” How to contribute?

Contributing to open-source software (OSS) projects can be a rewarding and fulfilling experience. Not only can you learn new skills, but you can also help make a valuable contribution to a project that benefits the broader community

  • Remember to read Code of Conduct before contributing.

  • Read the Git Workflow to follow best practices.

  • Follow the Contribution Guidelines.

  • Create an issue to report bugs, and vulnerabilities or add a new feature.

  • Remember to add a good commit message.

  • Don't spam if you do it your PR/issue will be closed.

Setup

πŸ“ˆ Repository Stats

Repository Stats

✨ Top Contributors

Without the tireless efforts and dedication of these exceptional developers, Palettegram would not have experienced such remarkable enhancements. πŸš€ A heartfelt thank you for the time and energy you've invested – your contributions are truly invaluable! πŸŒŸπŸ˜„

Contributors

πŸ™πŸ½ Support

This project needs a star️ from you. Don't forget to leave a star 🌟

palettegram's People

Contributors

abhidiva96 avatar adeesh-bode avatar adityanandanx avatar amitooo1 avatar anirbanmajumder0 avatar archit5655 avatar asymtode712 avatar codercake avatar daseeker67 avatar dependabot[bot] avatar girishbari avatar harini-1597 avatar harmeetsingh11 avatar irfanshaikh-7 avatar juanpablodiaz avatar meetjain1 avatar monomonu avatar niharika0104 avatar ramakrushnabiswal avatar rashidsiddiqui2004 avatar rishicds avatar sanchitbajaj02 avatar shrest4647 avatar sneha-4-22 avatar snehansubehera avatar spaciouscoder78 avatar sumanjeet0012 avatar supersahitya avatar utkarsh4321 avatar vinayak-vohra avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

palettegram's Issues

Feat: Markdown support for post title

What feature?

Currently, the textarea is implemented to create a postTitle but as we all know it is inefficient in comparison to markdown editor.
So, it will be great to implement a markdown editor kind of like the one used in GitHub or Stackoverflow, where it is easy for developers to enter code snippet.

Example:

const x = '2';
console.log(2 + x);

Add screenshots

No response

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Bug: Improving the validation Tost message

What happened?

In the password validation the toast message is to long and showing this text also "Invalid password param:" in toast,
So i want to rewrite the toast message in user friendly tone.

Add screenshots

Web capture_18-10-2023_201959_palettegram vercel app

What browsers are you seeing the problem on?

Microsoft Edge

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Feat: User profile page

What feature?

Currently user profile page just show the user's email and a message No posts yet.

if the user has posted more than 1 post, the page should show that instead.

Add screenshots

No response

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Style: Improving the ui of buttons

What's the suggested design idea?

The buttons are too static I would like add some sort of hover effect that will improve the user experience .
Screenshot 2024-01-03 173044

Add screenshots

No response

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Bug: Hover effect on feed buttons not working properly

What happened?

As attached in the video below, when user hovers on gear icon, only the icon glows but the button looks normal. The gear icon should look like the ones adjacent to it.

Add screenshots

Sample video https://github.com/Sanchitbajaj02/palettegram/assets/55249639/da9f0482-8a7d-4187-b6ee-d24240a05377

What browsers are you seeing the problem on?

Microsoft Edge, Brave

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Bug: No loading animation or effect or skeleton load

What happened?

When user navigates through different pages or perform some action, there is no way to detect whether the action initiated by user is started or not.
The solution of this problem is to add a loading animation/text to get the users to know that their action has been initiated.

Add screenshots

No response

What browsers are you seeing the problem on?

Microsoft Edge, Brave

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

feat: The likes of the post should be stored in the database

What's the suggested design idea?

Currently when a user likes a post it just toggles the state of the like and it shows 1 and 0 otherwise. They are not permanently stored in the database so every post initially has zero likes.

Apply the feature in which likes of every post get stored in the appwrite database and shows the correct total no of likes for each post.

Add screenshots

zero likes as default
Screenshot 2024-01-04 024509
1 like after I liked which also gets to zero when you refresh the site
Screenshot 2024-01-04 024521

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Feat: Like feature is not implemented properly.

What feature?

The code for like feature is implemented but it is not working properly on the server. A PoC is required before going further.

Add screenshots

No response

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Bug: Verification Redirection bug

What happened?

When user creates an account by filling their name, email and password, a mail is generated and sent to the entered email. This email contains the link. When clicking on that link the user should redirect to the /verify but is going to home page. Also the verification API does not working.

Add screenshots

No response

What browsers are you seeing the problem on?

Chrome, Microsoft Edge, Brave

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Feat: Single Post Page

What feature?

Feature to add the single post page. The single post page will be a public page whose URL is like this:
base_url/post/postId

Anyone can see this post but to do any activity, a person has to be logged in. When the user tries to do anything (like, comment, share, download) he will be redirected to the login page.

Add screenshots

Refer Twitter & LinkedIn posts

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Bug: password error not showing

What happened?

the warning is not shown on the page when the password is less than 8 characters and it's not getting logged in.

Add screenshots

image

What browsers are you seeing the problem on?

Chrome

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Feat: A toggle button for dark mode

What feature?

Currently the web application has the capability to change the color of elements like background, text, buttons, etc but there is no toggle button which a user can use.
To change the theme of the website, user has to change the theme of their device.

Add screenshots

No response

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Feat: Automatic page refresh after posting

What feature?

After submitting a post, it isn't immediately reflected on the screen. To see the newly added data in the view, a manual page refresh is required.

Add screenshots

No response

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Feat: Convert the project into Next js 13 with Typescript 🚨

What feature?

The new feature is requested to convert this whole project into the Next js 13 with app routing and typescript. The base css library will be tailwind along with flowbite-react for extra component library support.

Need developers as soon as possible

Add screenshots

N/A

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Bug: Single Post View Page by clicking on it

What happened?

Currently, when user click on the post, it will show 404 page but it should show a new page with the route:
<base_url>/post/postId

You have to make sure that if you click on the post, then only it will route the user to the post individual post.

Add screenshots

No response

What browsers are you seeing the problem on?

Chrome, Microsoft Edge, Brave

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Docs: Update Discord Invite Link

What you want to add in the documentation?

The Discord invite link in the Readme is expired. It needs to be updated.

Add screenshots

No response

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Docs: grammar issues

What you want to add in the documentation?

I found some grammatical errors in the readme. Can you assign this to me?

Add screenshots

No response

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Bug: Feed page UI

What happened?

The UI of the feed page is messy and some of the links are broken.
Also, there is a scrollbar coming in the middle section.

Add screenshots

image

What browsers are you seeing the problem on?

Microsoft Edge, Brave

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Feat: Custom 404 Page

What feature?

Currently, application is using the default 404 page given by Next.js 13.
There should be a customized 404 page with a header and footer of palettegram along with the route to go to home page.

Add screenshots

No response

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Feat: Comment feature on posts

What feature?

Currently there is no feature to comment on the posts. Comment is way to express your ideas or criticisim towards the post so it is one of the important feature.
To create this, dev has to consider making an API. Appwrite backend is configured to accept comments in an array data structure but further discussion is needed.

Add screenshots

No response

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Style: Login/Register/Verify page dark mode fix

What's the suggested design idea?

As the title suggests, currently the dakr mode does not change the ui of mentioned pages.

Add screenshots

No response

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Feat: Delete post feature UI + API with context menu

What feature?

Currently, there is no way a user can delete their post. So, having a small menu which contains a delete post feature will be helpful to the users.

Important

Whoever works on this, they have to discuss about the soft delete or hard delete functionality.

Add screenshots

Menu reference:

image

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Bug: bookmark does not working properly

What happened?

The bookmark feature is working fine but the problem is that you can not bookmark others' post. You can only save/remove bookmark of your own post. The problem might be related to id comparison or state issue

Add screenshots

No response

What browsers are you seeing the problem on?

Chrome, Microsoft Edge, Brave

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Bug: Failed to load resource: the server responded with a status of 401 ()

What happened?

After the form submission on the 'register' page, the redirection to the next screen, /feed, is unsuccessful. Although the account creation process is successful, it fails to load the required data, resulting in the following error.

Invalid 'url' param: URL host must be one of: localhost, cloud.appwrite.io, *vercel. app,
192.168.1.38

Add screenshots

Screenshot 2023-10-16 at 6 42 41β€―PM

What browsers are you seeing the problem on?

Chrome

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Bug: Localstorage undefined error

What happened?

While developing for production build, the application is giving the error saying that the localstorage is undefined. If anyone knows the solution, they can offer.

Add screenshots

image

What browsers are you seeing the problem on?

Microsoft Edge, Brave

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Feat: Profile link button for authenticated user

What feature?

When a user has already been authenticated and arrives at the landing page, provide them with an intuitive button option in the navbar, allowing for a smooth and immediate redirection to either the feed or profile page.

Add screenshots

Screenshot 2023-10-16 at 7 14 22β€―PM

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Style: Responsive Web Design

What's the suggested design idea?

Currently the website is working great on desktop screen sizes but the moment screen size reduces under 1000px, it starts breaking. We have to find a solution to fix this behavior.

Add screenshots

No response

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Feat: Add post section

What feature?

Create the add post section where users can add the post on the feed section.
The inputs will be

  • text
  • image
  • color palette

Give this option before filling in and saving the data.

Add screenshots

post section when not active on the feed page

image

image

When user wants to post

image

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Bug: Issue while trying to login

What happened?

As a new user, attempted to register on the website. An error message (included in the screenshot) pops up.
After clicking on the Register Now button again, the second popup indicates the account has already been made.

Was able to login after entering details again in Login page.
++Logging in the user right after registering puts forth a more streamlined logging in system.

(The screenshots were taken on the second attempt to login using another email which means the issue can be recreated.)

Add screenshots

Screenshot 2023-12-29 100300 Screenshot 2023-12-29 100312

What browsers are you seeing the problem on?

Chrome

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Feat: Add Docker and Compose support for containerized development and deploy

What feature?

Containerization of application can the developer to ensure easier configurability and also prevent the "it works in my machine" problem. It will also be useful for easier automated deployment using containerization platforms like AWS ECS or fargate.

Add screenshots

No response

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Bug: Navbar breaks in smaller screens

What happened?

In smaller Screen, the Navbar breaks and corrupts the User Interface.

Add screenshots

image

What browsers are you seeing the problem on?

Firefox, Chrome, Microsoft Edge, Brave

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Feat: Implement of Forgot Password

What feature?

Addition of "Forgot Password" feature to facilitate password recovery for users. This feature will leverage appwrite authentication api for a seamless and secure password reset process.

Add screenshots

No response

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Bug: Client Side server exception not handling on ui

What happened?

The possibility is that some fields are not coming at the time of rendering the page. To perform the root cause analysis, we need to first check the redux store. After that, implement the solution for handling the issue.

Add screenshots

image

What browsers are you seeing the problem on?

No response

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Docs: upgrade the documentation for contribution guidelines

What's wrong in the documentation?

The documentation for contribution guidelines lack some features and I want that to be enhanced

Add screenshots

N/A

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Feat: Update the environment variables example for nextjs

What feature?

The documentation of environment variables provided in .env.example is outdated and some variable names have been renamed in actual code. This issue is to update and set the correct environment variables for Appwrite and Nextjs.

Add screenshots

  • In .env.example
image
  • In the codebase
image

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Bug: can't register new user

What happened?

The below problem is occurring while registering a new user, I guess there is problem with POST request

Add screenshots

image

What browsers are you seeing the problem on?

No response

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Feat: Help center form

What feature?

Currently, there is no way a person can contact the admin on the web app. To do that there will be a help center form where user can contact the admin if they required any help.

Add screenshots

This new feature will be connected to the help center menu.
image

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Style: Show Password Eye Button

What's the suggested design idea?

A show password button that helps the user to show the password will be helpful to the users

Add screenshots

No response

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Bug: Timestamp missing with post

What happened?

Currently with posts, a user can't see at what time it is posted. The backend is storing the time stamp but it is not displaying on the UI. The timestamp is saving in ISO format.

Add screenshots

No response

What browsers are you seeing the problem on?

Chrome, Microsoft Edge, Brave

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Feat: Color picker generator (Work with Admin)

What feature?

Currently the feature to choose colors is not supported well. Although the configuration is present in the code but it is not setup as expected.
To get the reference of what I am expecting, checkout this.

Add screenshots

image

This card will be shown with the option to choose colors when click on the icon:
image

Currently, it is looking like this:

image

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Bug: Feed blending with navbar

What happened?

Contents of the feed page is blending with the navbar. It might be due to the z-index of some components.

Add screenshots

image

What browsers are you seeing the problem on?

Microsoft Edge, Brave

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Feat: Username display feature

What feature?

Currently the userId is exposed for a user when we see a profile. To fix that, a username should be there as it will be easy for the users instead of userId.

Add screenshots

image

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Bug: Potential Bugs

What happened?

  • No proper user workflow
  • Feed pages error handling
  • API error handling

Add screenshots

N/A

What browsers are you seeing the problem on?

Microsoft Edge, Brave

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Bug: not able to login

What happened?

I am new user to this site i try to register with my email but got a error saying you are already a register user which i am not. Then i try to login using the email with password(the one i use for login first time generally) , i got an another error i can't able to login
(i have checked this issue on deployed one)

Add screenshots

Screenshot (50)
Screenshot (51)

What browsers are you seeing the problem on?

No response

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Feat: confirm password

What feature?

In registration page there is no confirm password
I will also check for the password strength.

Add screenshots

snap2

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Bug: Installation setup in local

What happened?

While setting up an environment in local, I am facing issues & getting error Cannot find module.

Add screenshots

Screenshot 2024-01-01 at 20 34 04

What browsers are you seeing the problem on?

Chrome

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Feat: Adding profile button in navbar

What feature?

So When user gets logged in the Register button gets removed. When these buttons gets removed we can display feed and profile button so that user can easily navigate. I am taliking about the homepage navbar. Please add the SWOC tag.

Add screenshots

Screenshot from 2024-01-03 22-07-41

Record

  • I agree to follow this project's Code of Conduct
  • I want to work on this issue

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.