Skip to content

Este repositório contém um projeto desenvolvido com Next.js 14, com o objetivo de estudar e explorar as capacidades do Next. O projeto consiste em um CRUD (Create, Read, Update, Delete) de tarefas (Todo's) e utiliza uma variedade de bibliotecas e ferramentas modernas.

DerikDantas/nextjs-todo

Repository files navigation

NextJS 14 Project - Todo CRUD

pt-br


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.

🚀 Technologies Used

  • 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.

📂 Project Structure

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.

🔧 Getting Started

  1. Install Dependencies: Run npm install to install the project dependencies.

  2. Configure the Database: Ensure that you configure the MongoDB credentials in the configuration file.

  3. Start the Development Server: Run npm run dev to start the development server.

Visit http://localhost:3000 to view the project in your browser.

📝 License

This project is licensed under the MIT License.

About

Este repositório contém um projeto desenvolvido com Next.js 14, com o objetivo de estudar e explorar as capacidades do Next. O projeto consiste em um CRUD (Create, Read, Update, Delete) de tarefas (Todo's) e utiliza uma variedade de bibliotecas e ferramentas modernas.

Topics

Resources

Stars

Watchers

Forks

Languages