Help us build a beautiful dashboard for Fonoster!

[psanders]

We're building a modern, beautiful dashboard to make building on Fonoster enjoyable. Please help us create a robust foundation that includes reusable components and intuitive interfaces for developers.

Why Contribute?

• Collaborate with a global community of developers and designers
• Gain recognition for your work in the open-source ecosystem
• Direct access to Fonoster's team
• Request a letter of recommendation from Fonoster's founder

Current Tech Stack

We're using modern tools to ensure a smooth and scalable development experience:

• React + TypeScript: For building robust and type-safe components
• Vite: For fast and efficient development
• MUI: As the foundation of our design
• Storybook: For creating and testing reusable UI components
• Fonoster's SDK: To integrate with the admin APIs

We will provide contributors with access and API keys

If you’re familiar with these technologies or eager to learn, we’d love to have you onboard!

How to Get Started

1. Explore the designs
   • Review the Core Components in the Figma file
   • Check the Dashboard designs in the Figma file
2. Understand the workflow
   • Read the CONTRIBUTING.md document
3. Claim an issue
   • Find an unassigned issue labeled dashboard
   • Request to have it assigned to you
4. Submit your work
   • Create a pull request (PR) for your contribution
   • Engage in feedback and iterate until it’s merged

Ready to contribute? We look forward to building something amazing with you!

[psanders]

Getting started with Fonoster Storybook

To get started, clone the repository and run the following commands:

git clone https://github.com/fonoster/fonoster

Then, install the dependencies:

cd fonoster
npm install
npm run build
cp .env.example.dev .env

Finally, run the following command to start the Storybook server:

npm run start:storybook

Storybook will start a server and open a new tab in your browser.

[rolwin100]

Awesome 😎 we can start with installing material ui

[psanders]

@rolwin100, the early work I did with the webui already includes mui.

The next step is creating GitHub issues, which I will work on tonight.

However, it would be cool to code review the existing work in the webui module.

[psanders]

I just published the first few issues:

dashboard

[obrucheoghene]

hi @psanders. I'm here to contribute

[psanders]

@obrucheoghene

Now it is party 🙌

[psanders]

Quick update: I just added several GitHub issues covering components like Chip, GenericToggle, LinkBackTo, LinkBackPagination, OverviewCard, and more.

https://github.com/fonoster/fonoster/issues?q=is%3Aissue+is%3Aopen+label%3Adashboard

[psanders]

Hey friends,

I create a track so everybody can see the progress of this workstream:

#675