A modern, responsive web application built with React and React Bootstrap. This frontend interacts with an Express.js backend to manage images. It features a cyberpunk-themed iridescent gradient design and provides functionalities like uploading images, liking images, and updating image titles.
- Dashboard: View all uploaded images in a card list format.
- Upload Page: Easily upload new images with titles.
- Like & Edit: Like images and edit their titles directly from the dashboard.
- Responsive Design: Mobile-first design that looks great on all devices.
- Cyberpunk Theme: A dark, neon-inspired theme that gives the app a unique look.
- Node.js
- A running instance of the Node.js Image Management Backend.
-
Clone the repository:
$ git clone https://github.com/nate2427/AugXLabs-Interview-React-Frontend.git frontend $ cd frontend -
Install the required packages:
$ npm install
-
Start the development server:
$ npm start
- Dashboard: Access the dashboard to view all images. Like, edit, or navigate to the upload page using the sidebar.
- Upload Page: Use the form to upload new images. Ensure the backend server is running to successfully upload images.
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.
This project is licensed under the MIT License.