masa-fullstack / image-uploader-master

Image Uploader Mater

Solution for a challenge from Devchallenges.io.

Demo | Challenge

Table of Contents

• Overview
  • Built With
• Features
• How to use
• Contact
• Acknowledgements

Overview

Developed with NextJS + NestJS + Cloudinary
We used nextjs for the frontend and nestjs for the backend.
The backend recorded the file name and file path in postgres and uploaded the file to cloudinary.

For the NextJS template, I used the NextJS Typescript Boilerplate from the official examples.

For CSS, I used Tailwindcss.
During development, I used docker-compose to build the development environment.

Thanks for viewing :)

Built With

• NextJS
• NextJS Typescript Boilerplate
• NestJS
• TypeScript
• Tailwindcss
• Docker

Features

This application/site was created as a submission to a DevChallenges challenge. The challenge was to build an application to complete the given user stories.

How To Use

To clone and run this application, you'll need Git and Node.js (which comes with npm) and Docker installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/masa-fullstack/image-uploader-master

# Change directory
$ cd image-uploader-master/backend

# Clone this repository(backend submodule)
$ git clone https://github.com/masa-fullstack/image-uploader-backend

# Rename directory
rmdir api
mv image-uploader-backend api

# Change directory
$ cd ..

Then, you update "./frontend/app/.env.development.template" and "./backend/api/.env.development.template".

And, you start Docker and DB miglation.

# Start Docker
$ docker-compose up

# DB miglation
$ docker-compose run --rm web npx typeorm migration:run

Finally, the server is listed on localhost:4001.

Acknowledgements

• Tailwind CHEAT SHEET

Contact

• GitHub @masa-fullstack
• Twitter @masa_fullstack