Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nomadbala/nextjs-todolist
Next.js TodoList
https://github.com/nomadbala/nextjs-todolist
api axios nestjs nextjs postgresql rest-api tailwind todo-list
Last synced: about 1 month ago
JSON representation
Next.js TodoList
- Host: GitHub
- URL: https://github.com/nomadbala/nextjs-todolist
- Owner: nomadbala
- License: mit
- Created: 2024-08-05T19:33:48.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-08-05T19:37:52.000Z (6 months ago)
- Last Synced: 2024-08-05T22:56:42.950Z (6 months ago)
- Topics: api, axios, nestjs, nextjs, postgresql, rest-api, tailwind, todo-list
- Language: TypeScript
- Homepage:
- Size: 129 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Next.js To-Do List
## Описание
Этот проект представляет собой приложение для управления задачами, созданное с использованием Next.js для фронтенда и NestJS для бэкенда. Данные о задачах хранятся в базе данных PostgreSQL. Приложение позволяет пользователям добавлять, удалять и просматривать задачи.
## Установка и запуск
### Настройка фронтенда (Next.js)
1. Клонируйте репозиторий:
```bash
git clone https://github.com/nomadbala/nextjs-todolist.git
```
2. Перейдите в каталог фронтенда:
```bash
cd nextjs-todolist/todo-frontend
```
3. Установите зависимости:
```bash
npm install
```
4. Запустите приложение в режиме разработки:
```bash
npm run dev
```
5. Откройте [http://localhost:3000](http://localhost:3000) в вашем браузере, чтобы увидеть приложение в действии.
### Настройка бэкенда (NestJS)
1. Перейдите в каталог бэкенда:
```bash
cd nextjs-todolist/todo-backend
```
2. Установите зависимости:
```bash
npm install
```
3. Создайте файл `.env` в корневом каталоге бэкенда и настройте параметры подключения к базе данных:
```env
DATABASE_HOST=localhost
DATABASE_PORT=5432
DATABASE_USER=yourusername
DATABASE_PASSWORD=yourpassword
DATABASE_NAME=tododb
```
4. Запустите сервер бэкенда:
```bash
npm run start:dev
```
5. Сервер будет доступен по адресу [http://localhost:3001](http://localhost:3001).
## Использование
- **Создание задачи**: Введите описание задачи в поле ввода на фронтенде и нажмите кнопку "Добавить задачу".
- **Удаление задачи**: Нажмите на кнопку "Удалить" рядом с задачей, чтобы удалить её из списка.
## Функционал
- Добавление новых задач
- Удаление задач
- Просмотр списка задач
## Архитектура
- **Фронтенд**: Next.js для создания пользовательского интерфейса.
- **Бэкенд**: NestJS для обработки запросов и взаимодействия с базой данных.
- **База данных**: PostgreSQL для хранения данных о задачах.
## Технологии
- [Next.js](https://nextjs.org/)
- [React](https://reactjs.org/)
- [NestJS](https://nestjs.com/)
- [PostgreSQL](https://www.postgresql.org/)
## Разработка
Если вы хотите внести изменения в проект, следуйте следующим шагам:
1. Создайте ветку для вашей новой функциональности или исправлений:
```bash
git checkout -b feature/your-feature
```
2. Внесите необходимые изменения и протестируйте их.
3. Создайте коммит с вашими изменениями:
```bash
git add .
git commit -m "Добавлено: описание изменений"
```
4. Отправьте ветку в удаленный репозиторий:
```bash
git push origin feature/your-feature
```
5. Создайте pull request в GitHub.
## Лицензия
Этот проект лицензирован под [MIT License](LICENSE).
## Контакты
Если у вас есть вопросы или предложения, пожалуйста, свяжитесь с нами через [GitHub Issues](https://github.com/nomadbala/nextjs-todolist/issues).