https://github.com/thuyencode/file-uploader-the-odin-project

Project: File Uploader | The Odin Project
https://github.com/thuyencode/file-uploader-the-odin-project

express nodejs react theodinproject

Last synced: about 2 months ago
JSON representation

Project: File Uploader | The Odin Project

• Host: GitHub
• URL: https://github.com/thuyencode/file-uploader-the-odin-project
• Owner: thuyencode
• Created: 2024-11-12T16:05:40.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2024-12-08T09:44:18.000Z (over 1 year ago)
• Last Synced: 2025-01-25T22:58:02.994Z (over 1 year ago)
• Topics: express, nodejs, react, theodinproject
• Language: TypeScript
• Homepage:
• Size: 807 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Project: File Uploader

[More details information here.](https://www.theodinproject.com/lessons/nodejs-file-uploader)

👉 [Check the screenshots of this project](#screenshots) 📸

**Tech stacks:**

|                                                                                                                                             Frontend                                                                                                                                             |                                                                                              Backend                                                                                              |

| :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |

| [![front-end's tech stack](https://go-skill-icons.vercel.app/api/icons?i=vite,ts,react,reactquery,tailwind,daisyui)](https://github.com/LelouchFR/skill-icons) 
 and [Tanstack Router](https://tanstack.com/router/latest), [Axios](https://axios-http.com), [Valibot](https://valibot.dev) | [![back-end's tech stack](https://go-skill-icons.vercel.app/api/icons?i=nodejs,ts,express,postgresql,prisma)](https://github.com/LelouchFR/skill-icons) 
 and [Valibot](https://valibot.dev) |

## Getting started

### 1. Installing dependencies

This project use some of Bun APIs so make sure [Bun is installed](https://bun.sh).

Then process to install dependencies:

```sh

bun i

```

### 2. Setting-up the database

Your need to install PostgreSQL first using your OS's package manager, an installer file or using Docker (recommended).

Configure the host address, port number, username, password, a database according to [`.env.example`](./.env.example).

Copy the file [`.env.example`](./.env.example) into `.env.production.local` and `.env.development.local` and edit the env variables' values.

Then use one of these commands to migrate the database:

```text

# If you're in development mode

bun prisma:dev:migrate

# If you're in production mode

bun prisma:dev:migrate

```

## 3. Running the project

First, install all the dependencies:

To run the dev server:

```sh

bun dev

```

To bundle and run the project in production:

```sh

bun run build

bun start

```

## Screenshots

| ![Home page](./images/home_page.png) |

| :----------------------------------: |

|              Home page               |

| ![Sign-in page](./images/sign_in.png) |

| :-----------------------------------: |

|             Sign-in page              |

| ![Files page](./images/files_page.png) |

| :------------------------------------: |

|               Files page               |

| ![File sharing page](./images/file_sharing.png) |

| :---------------------------------------------: |

|                File sharing page                |

| ![File uploader page](./images/file_uploading.png) |

| :------------------------------------------------: |

|                 File uploader page                 |