hudy9x / namviek

The open-source project manager for tiny teams

• 👋 Hi, I’m @hudy9x
• 👀 Having a strong passion for building web applications
• 🌱 I’m currently building a community that helps newbie growing up coding skills
• 💞️ Beside, I'm building an opensource application that helps tiny teams to run their business with tiny budget
• 📫 How to reach me: [email protected]
• 🎬 My public profile: hudy9x.com

namviek's Issues

Bug response on mobile redmi note 7

Describe the bug
I use a redmi note 7 phone to use your website on chrome browser. And noticed that the interface had a format error. I hope my contribution brings something positive.

Screenshots

Smartphone

• Device: Xiaomi Redmi Note 7
• Browser: Chrome

Didn't navigate to the login page if the token is expired.

Describe the bug
I accessed an old link and it only shows notifications that need to be re-signed. But didn't re-direct to the sign-in page

Expected behavior
Navigate to the login page if the token is expired.

Screenshots

Docker Implementation

Replace organization id with slug

For now, namviek is using url slug for identify orgID. But it's not friendly with users.
So we need to replace the orgId on url with slug.

Ex:
From: https://localhost/65d6ee7893180a33c22085de/project
To: From: https://localhost/ecomgrow-comp/project

bug: UserSection component not match content. Server: "" Client: "admin"

This issue caused by nextjs compiling process
In this case, the localstorage not exist on building process (build time)
To fix that, move this code into useEffect

Firebase google sign in

Describe the bug
when trying to sign in using Google, sometimes it works but sometimes it gives me

Firebase: Error (auth/popup-closed-by-user)
(obviously I don't close it)

and sometimes it gives
Axios Error: Network Error or Your email or password is invalid

it works locally ok, but on vercel not I guess, even if I added the domain to firebase.

To Reproduce
Steps to reproduce the behavior:

1. clone
2. follow installation instructions
3. set up new firebase project
4. set the env variable
5. deploy on vercel

Expected behavior
login without any issues

Discord link?

Hey -- your website for this asks people to join your Discord, but the link doesn't work. Can you hook me up? 😃

Lỗi không gửi, nhận thông báo với pusher

Mô tả
Tôi bị lỗi thông báo với pusher như dưới, có vẻ như đó là một lỗi trong code.

backend | /app/node_modules/@pusher/push-notifications-server/push-notifications.js:278
backend | new Error(
backend | ^
backend |
backend |
backend | Error: 422 Unprocessable Entity - users: array items must be unique
backend | at IncomingMessage. (/app/node_modules/@pusher/push-notifications-server/push-notifications.js:278:33)
backend | at IncomingMessage.emit (node:events:531:35)
backend | at endReadableNT (node:internal/streams/readable:1696:12)
backend | at process.processTicksAndRejections (node:internal/process/task_queues:82:21)

Môi trường
Tôi sử dụng docker compose của dự án và không chỉnh sửa.

Make website Responsive

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

when we view this website on mobile, it is not responsive most tools like Jira are responsive, it's easier to operate small things quicker via phone.

Describe the solution you'd like
A clear and concise description of what you want to happen.
website should be responsive to work on all screen devices delivering quality UX.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.
if not responsive, we should block users from using this website by putting up a banner that shows that currently, we operate on a big screen only, at least giving a direction to the user.

Additional context
Add any other context or screenshots about the feature request here.

Feature: Make it all selfhost with mongodb

Hello,

I am happy to see the recent docker-compose update that allows people to spin up their own namviek server and play with it. However, as the MongoDB connection has hardcoded with cluster0.wd3az.mongodb.net and there is no mongodb in the docker-compose.yml.

Thus, I am writing this feature request as a reference, and I am working on making it fully selfhost with the mongo docker setup. I will stay tune on this issue post.

Consider switching the backend from Node.js to Bun.js or Golang

Issue

Currently, the backend is Node.js. I found that, it take a lot of memory in development mode and think it would do the same thing on production. And the packaged image is too large (>2GB)

Solution

So, let's take a look at Bun.js and Golang for an alternatives.

Study

Tried Golang from a fews month ago, it's super fast and the code is pretty familiar with javascript. However, It doesn't have Class and I will have to migrate all code structure.

Bun.js is the next option. I can use Honojs. Let's do the investigation next week.

Daily summary report

Namviek don't have a place that displays total statistic report for all member or project by month.
In order to implement this screen, we firstly need to collect done tasks or undone tasks by day in a month
It's similar to the burn down and burn up chart feature that was implemented before. But that feature didn't work properly

So, use materialized view in mongodb to collect data by day and save it to a specified collection
Refer this article

Related pr #207

Redis - wrong number of arguments for 'hset'

Describe the bug
When signing in after seeding the default user, yarn:backend shows the error

 🥝 POST: /auth/sign-in
service get user by id error ReplyError: ERR wrong number of arguments for 'hset' command
    at parseError (/home/{...}/namviek/node_modules/redis-parser/lib/parser.js:179:12)
    at parseType (/home/{...}/namviek/node_modules/redis-parser/lib/parser.js:302:14) {
  command: { name: 'hset', args: [ '[email protected]', '' ] }
}

Redis 7.2.4

Rebuild Report page

Previous version only show total of task, but i can not provide filters for days, weeks, months.

So replace it to a new one.
The new UI should allows:

• Filter by week, month. No need day filter
• Display undone tasks for one or all projects in organization by filters (week, month)
• View done tasks each member in one/all projects by filters

Refer design: https://dribbble.com/shots/21992874-Call-Analytics-Dashboard-Design

Report page style in dark theme

Describe the bug
The report page's style in dark theme doesn't seem right

Screenshots

too large image?

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context
Add any other context about the problem here.

Provide more info about the configuration and installation for self hosted

1. Created a Linux server
2. Installed node, redis, mongo
3. Created Firebase project
4. Installed the software
5. configure in the env partial because there is missing information about following parameters :

• NEXT_PUBLIC_PUSHER_INSTANCE_ID= ?
• PUSHER_INSTANCE_ID= I used this one with the data from pusher.
• FIREBASE_CLIENT_EMAIL= ?
• FIREBASE_PRIVATE_KEY= I put a path to the json file with admin key (please confirm)
• NEXT_PUBLIC_FIREBASE_CLIENT_CONFIG=?

After all of it, I am still getting the error :
"Firebase admin missing configuration"
The path is correct, I enabled Authentication in the Firebase project but still have this error.

Please advice.

Improve status setting

Actual

Navigate to Project > Settings > Status.
User can not see the type of status, but only see name.

Expectation:

Show the type of statsus (Ex: Todo, inprogress, done) in a group or on the right side.
Notice that, we also have type field in schema. So we just update the view.

Tích hợp auth0

Tìm hiểu auth0 và tích hợp vào packages/be-gateway

• cách tạo user
• cách đăng nhập
• cách xác thực user
• cách tạo token - phục vụ cho việc 1 ứng dụng khác muốn truy cập vào app của mình

Lưu ý:

• Tích hợp thông qua nodejs, nghĩa là phía backend.
• KHÔNG TÍCH HỢP QUA NEXTJS
• việc kiểm tra và phân quyền dưới frontend sẽ tự viết dựa vào việc tìm hiểu auth0 ở trên
  nếu ko thực hiện được thì trao đổi lại với team

Migrate yarn to pnpm for better performance

Feature: Add Deployment Workflow Buttons to README

Add deployment workflow buttons to the project's README file. These buttons will allow users to easily deploy the project to various cloud platforms such as DigitalOcean, Fly.io, Heroku, etc. Each cloud platform will have its own button, for example, a "Deploy to DigitalOcean" button.

Allow users edit the view

For now, the view can only created and there's no way to update it's filter by deleting it and re-create a new one. So, add an update function in which user can update filters, ...