From the course: Master React 19 and Next.js 16 with Hands-On Projects and Real-World Applications

Unlock this course with a free trial

Join today to access over 25,200 courses taught by industry experts.

Project structure: Creating files and folders

Project structure: Creating files and folders

From the course: Master React 19 and Next.js 16 with Hands-On Projects and Real-World Applications

Start my 1-month free trial Buy for my team

Project structure: Creating files and folders

“

This session, how to structure your React project by creating necessary files and folders, establishing clear separation of concerns, and promoting maintainability. This is the component tree we built earlier. We will follow the tree to build the different folders and files needed for our project. Let's create the Components folder inside SRC and add all Kanban board components along with the ThemeToggle component. Let's create a UI folder inside SRC slash Components and add Button.jsx, a reusable button component for the application. Moving to KanbanBoard.jsx. Now I am creating the Kanban board component. This component will eventually house the main structure of our Kanban board. Currently, it's just an empty div. Moving to KanbanColumn.jsx Here I am creating the Kanban component. This will represent a single column on our Kanban board, e.g. TODO, IN PROGRESS, DONE. Like the previous components, it's currently just an empty div awaiting further development. Moving to KanbanTask.jsx…

Contents