bk20dev / my-unsplash-frontend

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

My Unsplash (Frontend)

Solution for a challenge from Devchallenges.io.

Notice

This repository is part of My Unsplash project. Check out the backend part here.

Table of Contents

Overview

basic functionality demo

Basic functionality

advanced functionality demo

Advanced functionality

responsive design

Responsive design

This time I focused on learning three main things.
RTK Queries (Redux Toolkit Queries) and Final Form - I found them really promising, but a little hard to learn and use. I think I should start another project to improve my confidence in these libraries, especially in the second one, as it is used by many big companies around the world.
I also used Styled Components. I loved the ease of use this library provides. Unfortunately, all files got noticeably longer, but the code is more readable compared to Tailwind classes.

Built With

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.

  • I can see a list of photos in the masonry layout that I have added
  • I can add a new photo to the list - the new photo should be on top of the list
  • I can search for photos by label
  • When I hover a photo, I can see a label and a delete button
  • I can delete images

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/bk20dev/my-unsplash-frontend

# Install dependencies
$ npm install

# Run the app
$ npm start

Acknowledgements

Contact

About


Languages

Language:JavaScript 89.8%Language:HTML 9.0%Language:CSS 1.2%