nfoert / cardie

An open source business card designer and sharing platform

---

class nfoert:
    def __init__(self):
        self.name = "nfoert"
        self.languages = ["Python", "HTML", "CSS", "JavaScript", "C++"]
        self.portfolio = "https://nfoert.github.io"

        self.projects = {
            "Cardie": "github.com/nfoert/cardie",
            "Circles": "github.com/nfoert/circles",
            "Jade Software": "github.com/nfoert/jadelauncher",
            "And more...": "github.com/nfoert"
        }

        self.links = {
            "YouTube": "youtube.com/@nfoert",
            "Twitch": "twitch.tv/nfoert",
            "Discord": "nfoert"
        }
    
    def hello(name):
        print(f"Hello, {name}. I'm nfoert!")
  

Hello there! 👋

I'm nfoert, a programmer from USA. I care a lot about open source software, self hosting, and right to repair. I enjoy tinkering and experimenting with different aspects of technology, and I'm learning to create applications that have a helpful and functional use to the open source community.

I do a lot of work with web development and Django, I know Python, JavaScript, and C++, and I'd like to learn some more other lower level languages like Rust.

I've also experimented with Unreal Engine 5, created a macro pad with a Raspberry Pi Pico, I self host a personal Minecraft server, photo storage solution, Home Assistant, and I do other fun tinkery things.

---

---

---

cardie's Issues

Use status codes for JavaScript requests

Right now it's just checking the returned text or data of the request which is not good for checking for errors. Make it use HTTP status codes to check if the request succeeded or not instead.

More sharing options

More sharing options need implemented.

• Copy link
• Copy QR Code
• Download QR Code
• Print out Card
• Save to Wallet

Ability to log out

Add the ability to log out using the drop down menu in the top right corner of the home page.

Better save status

Actually show if there's been unsaved changes in the editor view and warn the user if they try to leave the page with unsaved changes.

Dialog box system

Create a unified dialog box system based on html templates to quickly render dialog boxes for different purposes, and have the animations, title of the dialog box, and close button all automatically generated.

Better Home Page

The home page is very empty. Add additional information about what Cardie is and how it works.

Ability to disable account creation in the Server model

Used for administrator, deployment, or management purposes. Will add a check box to the admin page.

Link items are broken on smaller screens

More investigation is needed

Last edited and created stats for card in the model

Have the info for when the card was created and last edited stored

Implement a more secure way to log in and create accounts

Currently the username and password data is stored in the http headers which isn't the most secure. Implement a better way to send these credentials.

Ability to disable signing in in the server model

Used for administration purposes. Good for disabling the server if it's in development or being updated.

Background Blur doesn't hide correctly

The background blur that appears when opening dialog boxes (rename and icon selector) does not smoothly fade out when hiding.

Icon selector is broken in production

More investigation is required

Favicon system broken in production

More investigation is needed for why

The logo in the readme is white on white

¯\_(ツ)_/¯

Bulk Card creation from Spreadsheet

From data stored in spreadsheet/database/csv, possibility to create Bulk Cards for any organisation.

Show logged in status on the index page

In the top right of /index show if you're logged in or not, and if not have a button to log in instead.

Revamp items system in editor

Various improvements to the items system

• Items aren't separated by text and link item
• Make items rearrangeable
• Pop out the item to show an options menu to change settings like the icon, position, and other settings
• If there's not enough room in the card for all the items, collapse them into icons or a more menu

Authentication UI improvements

Various improvements to the Authentication UI (signing in and creating an account)

• Animate showing and hiding the two menus
• Click the Cardie logo to go home
• Show privacy policy
• Animated showing warning box
• Enter key shortcut for signing in or creating an account
• Background blur effect

Footer doesn't stay in the bottom left of the screen on mobile

It has position: fixed;. This may just be an issue in the mobile preview. More investigation is needed

Create new card button broken

Re implement this functionality using Alpine.js

Author value in card JSON

The /card page expects an author value in the JSON to display that information. Add it to be saved in the editor page

Complete Community Standards

There's a bunch of missing things in this repository that are still needed.

https://github.com/nfoert/cardie/community

• Code of Conduct
• Contributing Guidelines
• License
• Security Policy
• Issue Templates
• Pull Request Template

Animate text and link items being added in the editor

Add an small animation when the items are added to the sidebar in the information section.

Allow the user to demo the editor before creating an account

Have a fully functional editor with autosave disabled, allow the user to design a card and then if they wish to save the card or share it, have the user create their account or sign in, then the card will be saved.

Context menu in My Cards

This will allow the user to quickly rename, delete and share a link to cards

Notification System

Create a system for displaying notifications in the corner of the user's screen. Make it have a nice animation and work with multiple notifications.

Reorganize JavaScript file folder structure

It's a very unorganized mess, scripts should be separated into folders for each page, like home. editor or global. I'll do this eventually.

Card view improvements

Various improvements to the page which links to cards

• Cardie logo
• Link to make your own cards
• Some kind of background gradient to make it look nicer
• Save to Wallet

Logging System

Create a system for logging data to the JavaScript console for debugging and info.

Mobile friendly UIs

The all important mobile support. This will probably wait until some things are functional and beta releases are going out.

• Index page
• Authentication page
• Home page
• Editor page
  • Icon Selector
  • Rename Box
  • #23
  • #24
  • #22
• Card view page
  • #23
• Footer
  • #22
• Card
  • #23

Card doesn't scale to fit in smaller screens

The card and it's contents should scale down to fit the entire card on the screen, right now on smaller screens the page has to be horizontally scrolled to see the entire screen. I attempted to set the width and height with vh and vw, but the text and contents of the card don't scale down the same amount, I'm not sure how to implement this.

This is also affecting the scaling of the card_view.html page, which is not currently mobile friendly.

Some element IDs use underscores and others use dashes

I'm not really sure how this happened. The IDs with dashes (-) should be replaced to use underscores (_) instead.

Chrome UI fixes

This site running on Chrome has a few css issues that should be addressed

• Input placeholder text isn't white
• ui_button_icon isn't a circle