This repository contains a project developed with Next.js 14, aimed at studying and exploring the capabilities of this powerful React framework. The project is a CRUD (Create, Read, Update, Delete) for tasks (Todos) and leverages a variety of modern libraries and tools.
-
Next.js 14: The React framework that provides an efficient and scalable development experience for modern web applications.
-
TypeScript: A programming language that adds static typing to JavaScript, offering a safer and more robust development experience.
-
Tailwind CSS: A first-class utility-first CSS framework for web applications, simplifying styling with a class-based approach.
-
React Aria (components): A library of accessible components for React, aiding in the creation of inclusive and accessible web interfaces.
-
MongoDB: A widely used NoSQL database for flexible and scalable data storage.
-
Zustand: A minimalist state management library for React, providing a straightforward way to manage application state.
-
Formik and Yup: Libraries for managing forms in React, simplifying form validation and data manipulation.
The project is intuitively structured, with the main directories being:
-
/src/app: Contains the application's routes and logic, following the Next.js route convention. -
/src/components: React components related to the user interface. -
/src/shared-components: Shared components, such as Button, Modal, Input, TextArea, etc. -
/src/utils: Utility functions and helpers.
-
Install Dependencies: Run
npm installto install the project dependencies. -
Configure the Database: Ensure that you configure the MongoDB credentials in the configuration file.
-
Start the Development Server: Run
npm run devto start the development server.
Visit http://localhost:3000 to view the project in your browser.
This project is licensed under the MIT License.