You can help write down the history of frontend! Contributions are welcomed 🎉

#frontend #opensource #webdev #javascript

Intro

I just released my new side project called Frontend History. It's open source and contributions are warmly welcomed! 🎉 Here is the link to the repository.

Motivation

The frontend changes rapidly, with new libraries being released daily, and some features achieving full browser support. Likewise, some libraries and browsers become deprecated. What if we had something like a calendar that cataloged all significant events in the frontend world? This would allow us to stay informed about recent news and explore the distant history of frontend. It would be great to have a single comprehensive repository detailing the entire history of frontend development.

FAQ

I want to contribute and add some new items. Which items will be accepted?

If you think it's important to the frontend community, go ahead and add it. Adding JS libraries can be a tad trickier because if we were to include every single JS package in this calendar, it'd be way too big. I think we should only list the relevant packages here, so you got to decide for yourself if a library is worth adding.

What stack is used here?

Nuxt

Why not Astro, Tailwind, HTMX, HTML, XYZ?

I love those tools but I feel the most comfortable with Vue and Nuxt

Contributions

This is a long-term community project that will be as valuable as its contributions. Anyone can contribute and help write down the history of Frontend.

How to contribute?

Create a separate branch originating from main
Create a pull request from your branch to main
For new history entries, please add [History items] at the end of the PR title
For other issues or improvements, don't you don't have to add any label in the PR title
For new history entries, navigate to the appropriate year inside /data directory
data should follow chronological order, there is no additional sorting
It should follow the the following structure:

export default {
    year: 2004,
    items: [
        {
            date: '2004-11-09',
            title: 'First version of Firefox released',
            link: 'https://en.wikipedia.org/wiki/Firefox',
            icon: 'firefox'
        }
    ]
};

If you are adding a new type of history item, you can also add the SVG icon to components/icons
Please note that new history items without the link with date confirmation won't be accepted
Add the repository owner as a reviewer.