Solution for the Image Uploader challenge from devchallenges.io.
In this project, I built an image-sharing service. I learned how to handle uploads to a server and store them in the cloud. On the frontend, this project improved my understanding of nested routes.
This application/site was created as a submission to a DevChallenges challenge. The challenge was to build an application that allows users to upload an image and share the link with others. Here are some features that this app includes:
- Upload image via file picker or drag-and-drop
- Uploading page with animation
- Error message displayed if there is an issue on the server
To clone and run this application, you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:
# In the server folder, create a .env file with the following variables:
# NODE_ENV=development
# PORT=3001
# MONGO_URI=
# CLOUDINARY_NAME=
# CLOUDINARY_KEY=
# CLOUDINARY_SECRET=
# cd into project directory
# cd into backend
$ cd server
# install dependencies
$ npm install
# compile typescript
$ npm run tsc
# start server
$ npm run dev
# cd into frontend
$ cd client
# install dependencies
$ npm install
# start client
$ npm start- Thank you, @Nicholas Tower, for helping me out with my first Stack Overflow question!