dharmik48 / seeit

An open source reddit clone with react

👀

SeeIt

An open source app to share photos
View Demo · Report Bug · Request Feature

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Usage
4. Roadmap
5. Contributing
6. License
7. Contact
8. Acknowledgments

About The Project

Dark Mode Activated

All Posts

User Profile

(back to top)

Built With

• 
• 
• 
• 
• 

(back to top)

Getting Started

Prerequisites

This is an example of how to list things you need to use the software and how to install them.

• npm

  npm install npm@latest -g

Installation

1. Clone the repo

   git clone https://github.com/Dharmik48/seeit.git

2. Install NPM packages

   npm install

(back to top)

💁‍♂️Contributing to the project

Its good to see you contributing to the project.

Check out the contributing guide page for more information.

(back to top)

License

License has not been selected. See LICENSE.txt for more information.

(back to top)

Contact

Dharmik418 - Email - [email protected]

Project Link: https://github.com/Dharmik48/seeit

(back to top)

💪 Thanks to all Contributors

Thanks a lot for spending your time helping SeeIt grow. Thanks a lot! Keep rocking 🍻

seeit's Issues

[FEAT] create a custom hook "useFlash"

We need to create a custom hook called "useFlash" which provides the ability to show a flash message

Image processing takes too long

To process the image before uploading, it takes very long, it should be instant :)

[BUG] If user press `Enter` multiple times when posting it submits same post multiple times

chore: move the header into its own component

[DOCS] The screenshots are very long

Description

The screenshots in README are too long. They are screenshots of the entire page.

It would be better if the screenshots were only the size of the screen.

Screenshots

No response

[FEATURE] <prefers-color-scheme: dark>

Description

Hello, I'd like to modify useDarkMode() hook so that it sets the default theme to be dark mode if the global (system) preference is dark theme. It would also react to a possible system change from dark to ligth theme.

Screenshots

Add home link to logo

Add a light and dark mode toggle

As of now, SeeIt only supports light mode. We need to add dark mode and a toggle to switch between light and dark mode.

Make the like button work

At the moment, we can like a post but it's not permanent, it is not saved in the database.

So we need to make is work so different users can like a post and also show the like count.

[FEATURE] Add a user profile page

Description

We can add a user profile page with all the users posts there.

Screenshots

No response

Isolate authentication logic

we have our auth logic inside the app.jsx and that's fine for the small project but if we want to scale, then I think we need to isolate the auth logic and set loggedIn user in a global user context so we can refer to it anywhere without worrying about prop drilling issue.

style: move the flash message to the bottom

feat: add username and avatar for each post

We should add the user avatar and user name above each post's title so we can identify which user created the post.

doc: improve README

We need to add a proper README to the project

add loader when app is fetching data from db

it feels weird when you go to the site and it only has a logo when its first renders. so to improve UX add a loader when app is fetching data from db

[FEATURE] Smooth scroll to comment section

Description

I think it would be great user experience if the page were to smooth scroll to comment section after clicking the comment button on a post. Reddit also does something similar.

If you think it would be a good feature just assign me.

Screenshots

Add a favicon to the website

We need someone who can design a simple favicon and set it up for the website.

If you don't know how to design a favicon, then use something similar to "👀"

feat: add logout functionality

[FEAT] Add comments to posts

Add issue templates

We want to add issue templates to this repo similar to this repo

[STYLE] Improve the UI of user profile page

What would you like to share?

The recently added profile page of the user does not have the best UI. Especially the user posts section in the profile needs improvements.

Screenshots

This is what it looks like now:

Additional information

No response

[FEATURE] Add a flash context

Description

Instead of using a custom hook, create a context for flash messages as context shares a global state unlike custom hooks

Screenshots

No response

fix: make the theme toggle look good