https://github.com/berkanumutlu/challenge-nodejs-presentation-dashboard-app
Presentation management dashboard using Node.js, React, and PostgreSQL (Full Stack Developer Assignment)
https://github.com/berkanumutlu/challenge-nodejs-presentation-dashboard-app
Last synced: 2 months ago
JSON representation
Presentation management dashboard using Node.js, React, and PostgreSQL (Full Stack Developer Assignment)
- Host: GitHub
- URL: https://github.com/berkanumutlu/challenge-nodejs-presentation-dashboard-app
- Owner: berkanumutlu
- License: mit
- Created: 2024-11-19T12:52:08.000Z (6 months ago)
- Default Branch: master
- Last Pushed: 2024-12-03T11:33:36.000Z (6 months ago)
- Last Synced: 2025-01-27T10:45:06.263Z (4 months ago)
- Language: TypeScript
- Size: 3.25 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# [Challenge] Presentation Dashboard App with Node.js
It is a challenge project that aims to create a presentation management dashboard using Node.js, React and PostgreSQL.
## Installation
**1)** Clone repository
```shell
$ git clone https://github.com/berkanumutlu/challenge-nodejs-presentation-dashboard-app.git
```
Or with SSH
```shell
$ git clone [email protected]:berkanumutlu/challenge-nodejs-presentation-dashboard-app.git
```
Or with Github CLI
```shell
$ git clone gh repo clone berkanumutlu/challenge-nodejs-presentation-dashboard-app
```
**2)** Copy the example.env file and **make the required configuration changes** in the file
```shell
$ cp /src/api/.env.example /src/api/.env
$ cp /src/app/.env.example /src/app/.env
```
**3)** Install docker container (required docker)
```shell
$ docker-compose up -d
```
**4)** After installation, find your app and api container id on docker
```shell
$ docker ps
# Output:
CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES
...
d3cf849b1b36 challenge-nodejs-presentation-dashboard-app-app "docker-entrypoint.s…" 2 days ago Up 37 minutes 0.0.0.0:3000->3000/tcp presentation-dashboard-app
...
```
- And connect to the terminal of your app and api container (Use different terminals)
```shell
$ docker exec -it {APP_CONTAINER_ID} bash
$ docker exec -it {API_CONTAINER_ID} bash
```
**5)** Install all the dependencies using npm (In different terminals)
```shell
/user/local/api $ npm install
/user/local/app $ npm install
```
**6)** Generate mock data
```shell
/user/local/api $ npm run db:seed:mock
```
**7)** Restart your docker container
```shell
$ docker-compose restart
```
**8)** Now you're ready to use project
- To stop the Docker container, use the following command
```shell
$ docker-compose stop
```
## Screenshots
-
Home Page & Admin Login Page
-
Dashboard
-
Create Presentation Modal
-
Presentation Item Menu
-
Rename & Delete Presentation Modal
## Preview
[](https://www.loom.com/share/cf82b552a7d04a1084123ea33e85e1e1?sid=9038fd59-3cdf-4742-a8d2-1e313203bff5)
## License
The MIT License (MIT). Please see [License File](LICENSE) for more information.