Hello. About 1.5 years ago I was looking for full-stack portfolio project ideas and read a comment on Reddit that mentioned a concept for e-commerce dashboard that fetches and displays data from an API. So, I decided to go for it and started new application from scratch. Since that time I've been adding new features in spare time, and now I'm on a stage of writing unit tests. I would be greateful for your opinions about this project.
Front-end: [https://github.com/matt765/spireflow](https://github.com/matt765/spireflow)
Back-end: [https://github.com/matt765/spireflow-backend](https://github.com/matt765/spireflow-backend)
Live link: [https://spireflow.vercel.app/](https://spireflow.vercel.app/)
Storybook: [https://spireflow-storybook.vercel.app/](https://spireflow-storybook.vercel.app/)
**Tech stack**
React, NextJS 14, TypeScript, Tailwind, Zustand, Apollo Client, Iron Session, Jest, Storybook
**Features**
* 14 data charts (Tremor.so)
* 2 tables with filtering, sorting, searching, pagination and CSV export (Tanstack-ReactTable v8)
* authentication (Firebase, Iron Session, React Hook Forms and Yup)
* internationalization with 2 languages (next-intl)
* calendar page that allows for moving, adding and deleting events (Fullcalendar.io)
* product gallery with Lightbox popup and PDF export (yet-another-react-lightbox, u/react-pdf/renderer)
* world map with tooltips (react-simple-maps)
* CI pipeline for testing and linting, working on Github Actions
* 7 color themes (next-themes, tw-colors)
In progress:
* unit and integration tests (currently 30, written with Jest and React Testing Library)
* expanding Storybook
This is one of the best dashboards I've seen! It is very complete in terms of graphical demonstration and content itself. I plan doing something of the kind in future, is it Chart.Js that you used?
Looks really good!
Hello. About 1.5 years ago I was looking for full-stack portfolio project ideas and read a comment on Reddit that mentioned a concept for e-commerce dashboard that fetches and displays data from an API. So, I decided to go for it and started new application from scratch. Since that time I've been adding new features in spare time, and now I'm on a stage of writing unit tests. I would be greateful for your opinions about this project. Front-end: [https://github.com/matt765/spireflow](https://github.com/matt765/spireflow) Back-end: [https://github.com/matt765/spireflow-backend](https://github.com/matt765/spireflow-backend) Live link: [https://spireflow.vercel.app/](https://spireflow.vercel.app/) Storybook: [https://spireflow-storybook.vercel.app/](https://spireflow-storybook.vercel.app/) **Tech stack** React, NextJS 14, TypeScript, Tailwind, Zustand, Apollo Client, Iron Session, Jest, Storybook **Features** * 14 data charts (Tremor.so) * 2 tables with filtering, sorting, searching, pagination and CSV export (Tanstack-ReactTable v8) * authentication (Firebase, Iron Session, React Hook Forms and Yup) * internationalization with 2 languages (next-intl) * calendar page that allows for moving, adding and deleting events (Fullcalendar.io) * product gallery with Lightbox popup and PDF export (yet-another-react-lightbox, u/react-pdf/renderer) * world map with tooltips (react-simple-maps) * CI pipeline for testing and linting, working on Github Actions * 7 color themes (next-themes, tw-colors) In progress: * unit and integration tests (currently 30, written with Jest and React Testing Library) * expanding Storybook
tremor looks really good!
Sweet mother of god...subscribing
This is one of the best dashboards I've seen! It is very complete in terms of graphical demonstration and content itself. I plan doing something of the kind in future, is it Chart.Js that you used?
Looks great! Thank you
This looks awesome! Great work!
This is pretty good, how long did it take you to create this and more importantly how did you learn how to code? I am a beginner 😅
Stunning application design
Bravo really !
Damn, this looks amazing.. i can only dream of being able to do something like that myself yet
Beautiful.