https://github.com/akashpawar43/full-stack-task
Image app Build using MERN Stack. Allowing user to Upload Image, preview and save within app.
https://github.com/akashpawar43/full-stack-task
axios backend css3 dropzone expressjs frontend html5 image-preview javascript jsx local-storage multer nodejs react-dropzone reactjs restful-api
Last synced: 2 months ago
JSON representation
Image app Build using MERN Stack. Allowing user to Upload Image, preview and save within app.
- Host: GitHub
- URL: https://github.com/akashpawar43/full-stack-task
- Owner: akashpawar43
- Created: 2024-02-05T10:30:05.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-02-05T17:43:13.000Z (over 1 year ago)
- Last Synced: 2024-05-30T02:17:01.169Z (12 months ago)
- Topics: axios, backend, css3, dropzone, expressjs, frontend, html5, image-preview, javascript, jsx, local-storage, multer, nodejs, react-dropzone, reactjs, restful-api
- Language: JavaScript
- Homepage:
- Size: 4.47 MB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Upload Image
Image app Build using MERN Stack. Allowing to Upload Image and Image preview within app.
🧐 Features
Here're some of the project's best features:
* Add Image
* Image preview
* Uplaod Image
🛠️ Installation Steps:
1. cd Server
2. Install dependencies for Server
```
npm install
```
3. Start Server
```
npm start
```
4. Open Separate terminal for Client
5. cd Client
6. Install dependencies for Client
```
npm install
```
7. Run Client
```
npm run dev
```
💻 Built with
Technologies used in the project:
* ReactJs
* NodeJs
* Multer
* ExpressJS
* Tailwind CSS
Project Screenshots:
1. Upload Image
