Videoteca - A video link library

Videoteca was developed to learn and study Fullstack JS tools. On the Frontend, React was used, and on the Backend, Node.js.

Configuring

Follow these instructions to clone the repository and start running the project locally.

1. Open the terminal and navigate to the directory where you want to clone the repository, then run the following command:

   git clone https://github.com/huri3l/videoteca

2. Enter the project directory:

   cd videoteca

3. Install the dependencies using Yarn:

   yarn

4. Run the Backend

   cd backend
   yarn dev

5. Run the Frontend

   cd frontend
   yarn start

Technologies used:

• MongoDB
• Node.js
  • Express
  • uuid
  • Mongoose
• React
  • React Icons
  • Axios
  • SWR

About the app

Home

Mobile

What I learned

Node.js:

In Node.js, I learned to create a RESTful API, covering concepts like CRUD operations, responsibility separation, Express routing, backend development with Insomnia, HTTP methods, and CORS implementation.

React:

In React, I gained knowledge in API consumption with Axios, creating and using custom hooks for code efficiency, managing business rules through contexts, improving User Experience with SWR, understanding optimistic UI, and exploring responsive design and CSS concepts.

Videoteca - Developed by Huriel Lopes - https://huriel.com.br/en-us