Next.js is the most popular React framework because it implements built-in routing, server-side rendering, and SEO optimization. This project was created with Next.js because this framework simplifies the development process and allows for the creation of a scalable and user-friendly web application.
Atomic Design is an architecture that organizes components and their logic in a hierarchical structure. It has five levels: atoms, molecules, organisms, templates, and pages. This project is based on Atomic Design because it allows for creating scalable, maintainable, and reusable components.
Material-UI (MUI) is a React component library based on Google's design principles. This project implements MUI because it provides pre-designed and customizable components that help create visually appealing and consistent user interfaces.
Zustand is a simple state management library for React. This project implements Zustand because it allows for managing application states, making it easy to share states across components and views.
<aside> 💡
├───app // Next App Router files │ ├───admin // Admin view and it logic
│ ├───api // Next-Backend connection │ ├───dashboard // Dashboard view and it logic │ ├───login // Login view and it logic │ ├───myList // Coders selected view │ ├───register // Register view and it logic ├───global-states // States used in the web application ├───routes // Public and private routes guardians ├───services // Endpoint connections ├───UI // User interfaces elements │ ├───components // Components structured by Atomic Design │ │ ├───atoms // Atomic Design level │ │ ├───molecules // Atomic Design level │ │ └───organisms // Atomic Design level │ └───interfaces // Components TypeScript Interfaces └───utilities // Reusable functions
</aside>
MacOS, Windows, or Linux OS
Updated Git version
Node.js 18.18Â or later
Browsers version:
| Edge | Firefox | Chrome | Safari (macOS) | Safari (iOS) |
|---|---|---|---|---|
| >= 121 | >= 115 | >= 109 | >= 15.4 | >= 15.4 |