Unswash

An Unsplash clone built on NextJS with Typescript using the Unsplash API

Important Packages

Shadcn: Customizable re-usable components set built from RadixUI and TailwindCSS
TailwindCSS: Utility based styling library based on CSS classes
React Masonry Grid: Wrapper to create a masonry image grid
File Saver: JS library to download files

The directory that determines the page routing and layout wrappers

Holds the Functional Components used throught the app

/context: Contains Context Provider and Hook for global App stateful variables such as the light mode theme

/ui: Contains the Generic components imported from Shadcn

A Direcotry for all utilities, functions, constants and business logic

data: API services to fetch data from Unpslash APIs

types: Typescript stucture definitions for all objects used in the app

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.