starchart
chakra-ui
Our great sponsors
starchart | chakra-ui | |
---|---|---|
22 | 344 | |
12 | 36,578 | |
- | 1.3% | |
10.0 | 9.0 | |
about 1 year ago | 2 days ago | |
TypeScript | MDX | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
starchart
-
Local IDP
As per issue 105 and PR 174, we have a docker container that will act as a local IDP with a few users it recognizes that it will return SAML response claims for.
-
Starchart: Remix routes setup
The past week, I worked on setting up basic user dashboard pages and routes for starchart. These routes involved pages for management, creation, and help for domains and certificates. The ideas was to setup a basic template, such as a heading, and the routes so these could be easily updated once the designs were finished.
-
Week 5: Certificate design and Domains Coding
I worked on domains table and created a PR with that, which is currently in review.
-
Starchart: Seeding
This week, my main focus is to work on seeding the database for Starchart project. (see PR) I thought it would be more complicated, but it's actually just writing query with Prisma to insert rows of data into database tables, and there's a bit of script setup.
-
Eventful week contributing to Starchart
My first task with porting over middleware used by Satellite and adding it to Remix's server. Remix's Blues Stack, by default, uses Morgan, but we wanted to use Pino instead. However, Pino seems to cause a problem, so David has to switch to using Winston.
-
Remixing the Blues
Login and Logout Changing User Model after Prisma Schema change
-
Week 4, creating an order
Main work
-
Starchart: Playwright and Chakra UI Setup
The past week I worked on setting up Playwright, and Chakra UI with starchart. Chakra UI is needed so that their components could be used to build the web pages, and Playwright is to be used for end-to-end testing.
-
Starchart: Designing And Theming
The one PR I created this week was initialisation of Chakra UI theme. For now it only includes shades of our "brand" color, which is well-known Seneca's red color. This color is now applied as a default one for all UI components such as Button, Checkbox etc. After several iterations of code reviews and updates from my side the PR was merged.
-
Startchart: Prisma Schema
This week, I focus on creating an initial schema for the project through using Prisma. This is for a MySQL database, and the PR for the initial schema is here.
chakra-ui
- Ask HN: Features for GPU price-per-hour tracker for A100/H100s
-
Exploring 5 Top UI Frameworks for React
1. Chakra UI
-
React Component Libraries
Official Website: https://chakra-ui.com/
-
Material UI vs. Chakra UI: Which One to Choose?
Discover Chakra UI: Chakra UI Documentation
-
Chakra UI adoption guide: Overview, examples, and alternatives
Chakra UI is a popular React component library designed to speed up and simplify UI development. It provides a set of customizable and composable components that developers can easily integrate into their React applications.
- Tailwind Color Palette Generator
-
Minified React error #426
This error related to the ReactMarkdown component and the useDisclosure hook in the @chakra-ui/react.
-
Shoelace: A forward-thinking library of web components
We settled on Chakra (https://chakra-ui.com/). Although we also abandoned our ambitions of a Next.js migration, so... I guess it didn't really end up mattering all that much anyway.
-
33 React Libraries Every React Developer Should Have In Their Arsenal
4.chakra-ui
-
⚡Top GitHub Repositories for UI Components
🔍 Site ⭐ GitHub
What are some alternatives?
examples - A community-driven repository showcasing examples using Remix 💿
mantine - A fully featured React components library
remix-saml-authentication - Example Remix JS project with SAML authentication
antd - An enterprise-class UI design language and React UI library
Playwright - Playwright is a framework for Web Testing and Automation. It allows testing Chromium, Firefox and WebKit with a single API.
styled-components - Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
blues-stack - The Remix Stack for deploying to Fly with PostgreSQL, authentication, testing, linting, formatting, etc.
Tailwind CSS - A utility-first CSS framework for rapid UI development.
MySQL - MySQL Server, the world's most popular open source database, and MySQL Cluster, a real-time, open source transactional database.
react-star-rating-input - React.js components for entering 0—N stars (N is 5 by default), or displaying 0—N stars
Prisma - Next-generation ORM for Node.js & TypeScript | PostgreSQL, MySQL, MariaDB, SQL Server, SQLite, MongoDB and CockroachDB
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.