MyUnsplash 📷

Solution for a challenge from Devchallenges.io.

Demo | Solution | Challenge

Table of Contents

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

Overview

View this repo as if in a code editor

This fullstack project is a simplified clone of Unsplash, a platform for sharing high-quality images. It allows registered users to save images using the direct image link from unsplash. The application features a clean and user-friendly design. It utilizes technologies like Astro for the frontend, Node.js and Express for the backend, and a MySQL database (locally) or Turso (in production) to store information about images and users.

Tip

Right click on Unsplash image and click on "Copy Image Address"
Valid link example: https://images.unsplash.com/photo-(...)

Note

While the backend functions correctly, there is an issue with Vercel in production where cookies are not saved when redirecting to '/' (this does not happen in the local environment, even using the production API).

Built With

FrontEnd

• Astro
• TypeScript
• TailwindCSS
• Nanostores
• Axios

BackEnd

• Node.js
• Express
• MySQL: LocalDB
• Turso: ProductionDB

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) installed on your computer. From your command line:

# Clone this repository
$ git clone https://github.com/varJonathanR/my-unsplash

# Open each folder
$ cd BackEnd
$ cd FrontEnd

# Install dependencies (each folder)
$ npm install

# Run the app (each folder)
$ npm run dev

Contact

• GitHub @varJonathanR
• LinkedIn @jonathanrodriguez04