Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/matheus1714/nlw-shorts-summary-web

Summary for youtube shorts generated by AI
https://github.com/matheus1714/nlw-shorts-summary-web

nlw rocketseat rocketseat-nlw typescript vite

Last synced: 27 days ago
JSON representation

Summary for youtube shorts generated by AI

Awesome Lists containing this project

README

        

# NLW | Shorts Summary πŸš€

![GitHub](https://img.shields.io/github/license/Matheus1714/nlw-shorts-summary-web)

![cover](.github/cover.png)

## Table of Content πŸ“œ

- [About](#about-ℹ️)
- [About NLW](#about-nlw-πŸš€)
- [Design](#design-πŸ“)
- [Technologies Used](#technologies-used-βš™οΈ)
- [Features](#features-βœ…)
- [Package Dependencies](#package-dependencies-⬇️)
- [Running the Project](#running-the-project-πŸƒ)
- [Acknowledge](#acknowledge-☺️)
- [License](#license-πŸ“–)

## About ℹ️

Welcome to the Shots Summary Web project, where you can effortlessly get a summary for youtube shorts generated by AI.

πŸ” Return

## About NLW πŸš€

NLW (Next Level Week) is an event organized by Rocketseat, dedicated to exploring cutting-edge technologies and empowering programmers to build high-quality projects quickly.

This project was created during NLW to embrace and master the latest technologies, resulting in an application powered by multiple advanced technologies.

πŸ” Return

## Design πŸ“

The design can be found in the [Figma Design]().

![animation-figma](.github/animation-figma.gif)

## Technologies Used βš™οΈ

The technologies utilized in this project include:

- [ReactJS + Vite](https://vitejs.dev/)
- [Typescript](https://www.typescriptlang.org/)

πŸ” Return

## Features βœ…

- [x] Create Screens
- [x] Integrate a Back-end
- [x] Integrate OpenAI

πŸ” Return

## Package Dependencies ⬇️

Here is a list of the project's package dependencies:

```json
"dependencies": {
"@phosphor-icons/react": "^2.0.10",
"axios": "^1.5.0",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
"devDependencies": {
"@types/react": "^18.2.15",
"@types/react-dom": "^18.2.7",
"@typescript-eslint/eslint-plugin": "^6.0.0",
"@typescript-eslint/parser": "^6.0.0",
"@vitejs/plugin-react": "^4.0.3",
"eslint": "^8.45.0",
"eslint-plugin-react-hooks": "^4.6.0",
"eslint-plugin-react-refresh": "^0.4.3",
"typescript": "^5.0.2",
"vite": "^4.4.5"
}
```

πŸ” Return

## Running the Project πŸƒ

To get started with the project, follow these steps:

1. Configure the api repository: https://github.com/Matheus1714/nlw-shorts-summary-api/

2. Install the project dependencies:

```
npm i
```

3. Execute the following command in your terminal to run the project:

```
npm run dev
```

_Obs: Both this repositories and api-repository must runnig together._

πŸ” Return

## Acknowledge ☺️

A special thanks to Rocketseat and their dedicated instructors who provide incredible content to the React community, making projects like this possible. Your guidance and support are greatly appreciated.

πŸ” Return

## License πŸ“–

This project is open-source and is distributed under the MIT License. Feel free to explore, modify, and utilize the codebase according to the terms outlined in the license.