dhravya/dump.place

DUMP.place

Description

I created this app as a minimal, nice place to dump my thoughts and see what others are thinking.

Installation

1. Clone the repo
2. Run npm install
3. Run npm start

Environment variables:

DATABASE_URL="postgres://user:password@localhost:5432/dumpplace"

# Next Auth
# You can generate a new secret on the command line with:
# openssl rand -base64 32
# https://next-auth.js.org/configuration/options#secret
# NEXTAUTH_SECRET=""
NEXTAUTH_URL="http://localhost:3000"

EMAIL_TOKEN="Your email token"

Tech Stack

• Next.js
• NextAuth.js
• PostgreSQL on Supabase
• TailwindCSS
• Vercel
• Cloudflare Emails for sending emails

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

dump.place's Issues

broken ui on phone

The "Noise proof" is not centered, u can see the buttons overflowing out of the screen

the background thingy moves weirdly on profile click.

let me fix that.

github.mp4

MODERATOR_KEY missing in .env.example

To utilize OpenRouter Chat as a moderator, a bearer token (MODERATOR_KEY) is necessary. However, this key is absent in the .env.example file, which may pose a challenge for individuals attempting to set up the environment locally. Including the key in the .env.example file would facilitate the local setup process

Empty Dumps

You can create empty Dumps easily,

Having an empty text area and clicking the submit button does not work but you can still create empty Dumps by ctrl/cmd enter

But still since this is markdown,
there are many ways to create an empty looking markdown like empty bold texts

** **

simply .trim() will not be able to recognise these, so you can replace all the * and _ with spaces and then trim to find if empty

Email is hardcode

The admin email is currently hardcoded in the server actions file. While this may not necessarily imply vulnerability to attacks, it is advisable to consider moving it to the .env folder, especially in light of the recent DDOS attack.

separating mistral prompt to another file

The prompt passed into Mistral can be added to another file and subsequently imported from there. This approach would aid in modifying the prompt later and enhancing code structure, among other benefits.

/@username/pfp returns a 404 and avatar fallbacks to sliced version

Render markdown properly and UI update

I just came across dump.ink, which is (well) super similar to dump.place

One thing i really liked was this UI

• date and time on the left side of the note
• note's markdown design is much better

Just a design change but very cool!

Sort dumps in profile page by date

This references the conversation we had at #16 about the redesign for the profile page.

Design improvements

The design is very simple, there can be a lot small subtle improvements to the design. for eg @yxshv made a good ui for deleting dumps

Need logo

DUMP has no logo yet, which means no favicon as well.

If anyone's able to help with the logo it would be amazing, i'll design some prototypes myself as well, and then we'll compare

Pagination

What

Pagination on all pages -
/
/@

Why

For users with a lot of dumps pagination will make load times faster

How

Changing SQL queries and scroll listeners

anonymously dumping????

How about anonymously dumping stuff?

Also, consider adding filtration, such as detecting inappropriate language or words.

Displaying post as request is send.

Displaying the post as the request is sent to the server can enhance performance. Subsequently, revalidating after the request is completed further refines the process.

Add toast bars

use https://sonner.emilkowal.ski/ to add toast notifications upon successful, fail, and other operations. The server actions already send responses for success/failure but it's not shown to the user

Loading states

Add loading.tsx files and show a skeleton-like UI for loading

More info and docs here https://nextjs.org/docs/app/building-your-application/routing/loading-ui-and-streaming

crashhhh???

[BUG]: Weird background appears when clicked on dropdown

Screen.Recording.2023-12-31.at.12.15.48.AM.mov

Prevent certain character from being included in username or parse them properly

Hello guys, I used "[email protected]" as a username and because the username is on the URL on the profile page, characters like "@" and "<" are converted to %40 and %3E respectively, you can check for more info on this here.

We can either prevent those type of character from the form or convert the string(like adetunmbikenny%40gmail.com to "@[email protected]") before passing the payload to the db.

Context:

Please, can I create a PR for this and work on it and please if so, kindly choose the approach to go with it. Thanks.

light theme

you can add a light theme for this website

Faster queries

The database read/writes are very slow,

Query speeds can be improved using

• a complete rewrite of the db to redis
• more efficient queries