Social Media

Front project to establish the knowledge acquired about react/redux based on the api created in the back socialMedia project.

Authors

• @daniCabrera91

Tech Stack

Redux Vite SASS SCSS Axios Antd

Empezar un proyecto

1.- Creamos nuestra app de React con vite

npm create vite@latest 

2.- Completamos la configuración en terminal:

Need to install the following packages:
create-vite@5.4.0
Ok to proceed? (y) y
> npx
> create-vite

✔ Project name: … tuProyecto
✔ Select a framework: › React
✔ Select a variant: › JavaScript

3.- Abrimos la ruta de nuestro proyecto en el terminal

cd personal-page

4.- Instalamos todos los paquetes que Vite genera al crear el proyecto

  npm install

5.- Inicializamos el proyecto

  npm run dev

6.- Instalamos react/redux

npm install @reduxjs/toolkit react-redux

7.- Instalamos Axios para poder hacer la petición a la API (Implementar CORS en el back de ser necesario)

npm install axios

9.- Implementamos react router dom

npm i react-router-dom

9.- Instalamos la biblioteca Antd de componentes de UI para diferentes funcionalidades como iconos y modales.

  npm install antd

10.- Instalamos SASS para añadir estilos y un diseño responsive.

  npm install sass