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

https://github.com/joeldev1021/mern-save-image


https://github.com/joeldev1021/mern-save-image

express nodejs react reacttypescript usecontext vite vitejs

Last synced: 2 months ago
JSON representation

Awesome Lists containing this project

README

        




## :m: MERN-SAVE-IMG

## 📦 Packages:
- 🔱 [Vitejs](https://vitejs.dev/) - Vite Next Generation Frontend Tooling
- ⚒️ [React 18](https://es.reactjs.org/) - A JavaScript library for building user interfaces.
- 💙 [Typescript](https://www.typescriptlang.org/) - A superset of JavaScript.
Scale to millions.
- 💨 [TailwindCSS for library](https://tailwindcss.com/) - Rapidly build modern websites without ever leaving your HTML.
- 💖 [React-Icons](https://react-icons.github.io/react-icons/) - A flexible icon family for everyone.

## 🚀 Getting Started:

1. Clone the repository:

```bash
git clone https://github.com/Joeldev1021/MERN-save-image.git
```

2. Install dependencies Back:

```bash
cd back
npm install
```

3. Environments
```bash
SECRET_TOKEN_KEY=
PORT=

API_URI_TEST=
API_URI=
```

4. Cloudinay environment configuration

```bash
CLOUDINARY_API_KEY=
CLOUDINARY_API_SECRET=
CLOUDINARY_NAME=
```
5. Create a [Mongodb database](https://database.new/) :
```bash
MONGODB_PASSWORD=
MONGODB_USER=
MONGODB_DB_NAME=
```

6. Run back
```bash
run dev
```

7. Install dependencies Frontend
```bash
cd front
npm install
run dev
```

And ready 🔥, go to back [localhost:4000](http://localhost:4000/).
And ready 🔥, go to front [localhost:5173](http://localhost:5173/).