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

https://github.com/ajaykumar2pp/image-url-using-nodejs


https://github.com/ajaykumar2pp/image-url-using-nodejs

Last synced: 2 months ago
JSON representation

Awesome Lists containing this project

README

        

# 🖼️ Image-URL-Using-Node.js Project 🚀

A dynamic **Image URL Creation** project built with **Node.js**, **EJS**, **CSS**, **JavaScript**, and **Bootstrap**. This application is responsive and works seamlessly across all devices.

---

## 🌟 Features

- ➕ **Add User Name**
- ✉️ **Add Email**
- 📤 **Upload Image**

---

## ⚙️ Packages Installed

| Package | Description |
|----------------|--------------------------------------------|
| **dotenv** | Load environment variables from a `.env` file |
| **ejs** | Embedded JavaScript templating |
| **express** | Web framework for Node.js |
| **mongoose** | MongoDB object modeling tool |
| **nodemon** | Auto-restart the server on changes |
| **multer** | Handle multipart/form-data (image uploads) |

---

## 🛠️ Installation

1. Clone the repository:
```bash
git clone https://github.com/ajaykumar2pp/Image-Url-Using-Nodejs
```
2. Navigate to the project directory:
```bash
cd image-url-using-nodejs
```
3. Install dependencies:
```bash
npm install
```
4. Start the development server:
```bash
npm start
```

---

## 📸 API Endpoints

| HTTP Method | Endpoint | Description |
|-------------|------------------------|---------------------------|
| `GET` | `/` | Render upload page with images |
| `POST` | `/upload` | Upload a new image |
| `GET` | `/image` | Fetch a specific image by ID |

---
### 💻 Screens

### Add Name, Email and Image Upload
![Screenshot (212)](https://user-images.githubusercontent.com/102378038/225501746-0e540fc0-da80-4a51-97f6-802f3a14353e.png)

### Result
![Screenshot (211)](https://user-images.githubusercontent.com/102378038/225501915-14870428-42fd-4328-9c03-46efccf31b9c.png)

### DataBase Store Image Url

![Screenshot (210)](https://user-images.githubusercontent.com/102378038/225502082-ef7fb714-0e29-4b4b-94ca-7aa0504aca6a.png)