Image Uploader Challenge

Solution for a challenge from Devchallenges.io.

Demo | Challenge

Table of Contents

• Table of Contents
• Overview
  • Built With
  • Demos
  • Important note about file uploading
• Features
• How To Use

Overview

This is a fullstack challenge, the goal is to create a simple image uploader app with its own API.

Built With

• React
• Tailwind
• Typescript
• Express
• Multer

Demos

• API Demo
• Web Demo

Important note about file uploading

Because the api is hosted in Heroku each dyno uses Ephemeral System meaning the uploaded images are temporary and will last until dyno lifetime.

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, Node.js and PNPM installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/your-user-name/your-project-name

# Run the server
$ cd server
$ pnpm install
$ pnpm run build
$ pnpm start

# Run the app
$ cd client
$ pnpm install
$ pnpm run build
$ pnpm run start

Note: In order to use the local server API you need to change the .env VITE_API_URL to your local server URL.