• edited

Image uploader with NextJS and TailwindCSS

Challenge brief

Image UploaderBuild a flexible and user-friendly image uploader component that supports both single and multiple image uploads with robust interaction features like drag-and-drop, cropping and removing images

Back to all submissions

• edited

Image uploader with NextJS and TailwindCSS

Challenge brief

Corey Psoinos@cpsoinos

Senior Software Engineer

9 YOE

1.67k Reputation

Preview solution

View code

Built with NextJS and TailwindCSS, users can upload and crop up to 5 images and select one to use as their profile photo.

Submission vs Design

https://gfe-image-uploader.anderapps.com

Implementation details

Tech stack

HTML

Images

CSS

Positioning

Layout

Responsive Design

JavaScript

DOM Events

Fetch

React

Components

List Rendering

Event Handling

Effects

Build Tools

Typechecking

Linting & Formatting

Performance

Font Loading

Image Loading

Tailwind

Next.js

React

TypeScript

pnpm

ESLint

PostCSS

Webpack

Code

Discussions