Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/bharatlal124/csv-upload_project
A web app to upload csv and display the contents in the frontend
https://github.com/bharatlal124/csv-upload_project
dotenv ejs expressjs moongose multer nodejs
Last synced: about 5 hours ago
JSON representation
A web app to upload csv and display the contents in the frontend
- Host: GitHub
- URL: https://github.com/bharatlal124/csv-upload_project
- Owner: bharatlal124
- Created: 2024-03-21T11:48:52.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-03-21T13:41:31.000Z (11 months ago)
- Last Synced: 2024-03-22T13:27:59.714Z (11 months ago)
- Topics: dotenv, ejs, expressjs, moongose, multer, nodejs
- Language: JavaScript
- Homepage: https://csv-upload-project-ft3i.onrender.com
- Size: 20.5 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# CSV-Upload
## Description
This project is a CSV file upload and display application that allows users to upload CSV files, view a list of uploaded files, and display the data from selected files in a table on the frontend. Users can search within the displayed data, sort columns, and potentially paginate the results. This project built using Nodejs, Ejs , CSS , JavaScript.It is responsive across all devices.
## Features :
- User can upload any csv file into the system - using Multer JS
- Display a list of all uploaded csv files
- When the user selects a file, it displays all the data (with column headers) in a table on the page (front end)
- There is a search box which searches on the front end itself and displays the matching rows of the table only (empty search box displays all the data).
- There is a sorting button (ascending and descending) for each column on the front end
- There is a validation on the front end and server side on being able to upload only csv type of files
- There is a pagination of the data displayed in the table to a max of 100 records per page
## Project Setup :
1. Clone the Repository:
```bash
git clone https://github.com/bharatlal124/CSV-Upload_Project
cd CSV-Upload_Project
```
2. Install Dependencies:
**npm install**
3. Set environment variables:
- Create a `.env` file in the root directory with the following variables (e.g., `uat.env` for UAT environment):
- `DB_URL` : mongoDbURL
- `SECRET` : yoursecretkey
4. Start the Server:
**node index.js**
5. Server running at:
**http://localhost:3000**
## Deployment Link :
- https://csv-upload-project-ft3i.onrender.com
## Technlogies Used :
- Node Js
- Express Js
- express-ejs-layouts
- dotenv
- ejs
- express
- mongoose
- nodemon
- express-session
- multer
- papaparse
- connect-flash
## 💻 Project Images :
- Home
- Home file uploaded
- File data
