Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sagargaud01/deep-tree-implementation
SDE Intern Assignment: Deep Tree Implementation with Next.js and NestJS
https://github.com/sagargaud01/deep-tree-implementation
nextjs nextjs-typescript tree-structure
Last synced: about 2 months ago
JSON representation
SDE Intern Assignment: Deep Tree Implementation with Next.js and NestJS
- Host: GitHub
- URL: https://github.com/sagargaud01/deep-tree-implementation
- Owner: SAGARGAUD01
- Created: 2024-07-01T07:36:59.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-07-12T06:34:26.000Z (6 months ago)
- Last Synced: 2024-07-12T07:47:46.906Z (6 months ago)
- Topics: nextjs, nextjs-typescript, tree-structure
- Language: JavaScript
- Homepage: https://github.com/SAGARGAUD01/Deep-Tree-Implementation
- Size: 27.3 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
🌳 Deep Tree Project
Welcome to the Deep Tree Project! This project is a comprehensive full-stack application that demonstrates the capabilities of managing and visualizing a deeply nested tree structure using Next.js for the frontend and NestJS for the backend.
## more about me :-
✈️ [Follow Sagar Gaud](https://www.linkedin.com/in/sagargaud332/)
## ✨ Features
● Next.js Frontend: Efficiently renders and manages a tree structure with a depth of 10,000 nodes.
● NestJS Backend: Robust backend for handling tree data storage and user management.
● User Authentication: user authentication system.
● Tree Manipulation: Interactive UI for manipulating tree nodes.
● State Management: Efficient state management using React context or Redux.
● Performance Optimizations: Techniques like lazy loading and memoization to handle large datasets.
## 📂 Project Structure
deep-tree/
```sh
├── components/
│ ├── Tree.js
└── TreeNode.js
├── pages/
│ ├── _app.js
│ ├── index.js
├── public/
├── images/
└── example.png
└── favicon.ico
├── styles/
├── globals.css
├── backend/
├── src/
├── app.module.ts
├── main.ts
├── users/
│ ├── user.schema.ts
│ ├── users.controller.ts
│ ├── users.service.ts
│ └── users.module.ts
├── test/
│ ├── app.e2e-spec.ts
│ └── jest-e2e.json
├── .eslintrc.js
├── .prettierrc
├── nest-cli.json
├── tsconfig.build.json
├── tsconfig.json
└── package.json
├── .gitignore
├── package.json
├── next.config.js
└── README.md
```
🚀 Getting Started
## Frontend Setup (Next.js)
## Navigate to the deep-tree directory:
```sh
cd deep-tree
```
## Install dependencies:
```sh
npm install
```
## Start the development server:
```sh
npm run dev
```
## Build for production:
```sh
npm run build
```
## Start the production server:
```sh
npm run start
```
## Backend Setup (NestJS)
## Navigate to the backend directory:
```sh
cd backend
```
## Install dependencies:
```sh
npm install
```
## Make sure MongoDB is running on your machine.
## Start the development server:
```sh
npm run start:dev
```
//active_project