bacchilu/hnews

A React fronted for Hacker News

Hi there 👋

I manly work with React, ES6 and Python3, from top to bottom...

from dataclasses import dataclass
from enum import Enum


class Position(Enum):
    SW_ENGINEER = "Software Engineer"
    SW_ARCHITECT = "Software Architect"


@dataclass
class ContactInfo:
    email: str
    phone: str


@dataclass
class Me:
    full_name: str
    contact: ContactInfo
    position: list[Position]
    github: str
    skills: list[str]


io = Me(
    full_name="Luca Bacchi",
    contact=ContactInfo(email="[email protected]", phone="[phone]"),
    position=[Position.SW_ENGINEER, Position.SW_ARCHITECT],
    github="https://github.com/bacchilu",
    skills=["Python3", "ReactJS"],
)

hnews's Issues

API validation

Consider a strong validation strategy.

Move to Vite

Review README.md

Write a better description of the project.

Tests

Consider adding some tests

Change branch name

From main to master.

Better conversation

I'd like to consider a better way to view conversation threads.

Firebase review

Consider refactoring and moving the the bacchilu account

Comments in modal

Quick view of the comments inside a modal

Explore GitHub Actions

I think I can do the authomatic build and, I suppose, many other things.

GitHub Actions is a powerful feature in GitHub that allows you to automate, customize, and execute your software development workflows right in your repository. Here are some of the key things you can do with GitHub Actions:

1. Continuous Integration and Continuous Deployment (CI/CD): Automatically build, test, and deploy your code. This is one of the most common uses of GitHub Actions. You can set up workflows to run your test suite on every push or pull request, and deploy your code to production when it's merged into a specific branch.

2. Automate Workflows: Automate almost any task in your development process. This can include linting code, updating dependencies, or even automating issue and pull request management.

3. Support for Multiple Languages and Platforms: GitHub Actions supports a variety of programming languages and platforms, allowing you to build, test, and deploy across multiple systems.

4. Custom Workflows: You can create custom workflows that suit your specific development needs. This includes defining custom steps, conditions for running those steps, and specifying the order in which they should run.

5. Scheduled Jobs: You can schedule your workflows to run at specific times using cron syntax. This is useful for tasks like nightly builds or regular maintenance tasks.

6. Use Community Actions: There is a marketplace of pre-built actions created by the GitHub community and third-party developers. You can use these actions to integrate with various tools and services without writing the code from scratch.

7. Matrix Builds: Run your tests across multiple versions of a language or multiple operating systems with matrix builds. This ensures compatibility and helps in identifying issues specific to certain environments.

8. Manual Triggers: Apart from triggering actions on code events like push or pull request, you can also manually trigger workflows. This is useful for tasks that don't fit the standard event model.

9. Artifact and Log Storage: GitHub Actions allows you to upload artifacts from your workflows and store logs, making it easier to debug and track the history of your jobs.

10. Environment Variables and Secrets Management: Safely use and store sensitive information like API keys and credentials with built-in secrets management.

11. Integration with GitHub Packages and GitHub Container Registry: Automate publishing packages to GitHub Packages or Docker images to GitHub Container Registry.

Using GitHub Actions can significantly streamline your development process by automating repetitive tasks, ensuring consistency in your workflow, and integrating seamlessly with other tools and services.

Favorites articles

This feature needs to be implemented both in local storage and firebase.

Consider MUI

This is a huge refactoring

Considering Next.js

Consider moving to Next.js in some way.

Move to TS

Better to move everything to TypeScript

Incremental loading of items

Consider loading the items as they arrive. Not like now where we wait for all to be arrived.

Show recents

We need a checkbox to show only "recent" items.