PicturePlaceApp - Frontend

Overview

This the frontend UI portion to a fullstack application which serves as a platform for users to share and discover various places. It allows users to create, update, and delete places while managing authentication and user profiles. Built with React js, this app offers a responsive and user-friendly interface.

View Live Website

link to the backend repository --> PicturePlaceApp-Backend Repository

Features

• User Authentication: Secure login and registration using JWT for personalized user experiences.
• Place Management: Users can effortlessly add, update, and delete places with an intuitive UI.
• Image Uploading: Supports image uploads, enhancing the visual appeal and context of user submissions.
• Google Maps Integration: Leverages the Google Maps API to display places on an interactive map.
• Error Handling: Robust management of loading states and error messages during API calls for better user feedback.

Getting Started

Prerequisites

• Familiarity with React, React hooks, HTML, CSS & JavaScript, Google API's, Fetch API.
• Node.js and npm (or yarn) installed.

Installation

1. Clone the repository:

   git clone https://github.com/MichaelDAbadJr/PicturePlaceApp-Frontend

2. Navigate to the project directory:

   cd PicturePlaceApp-Frontend

3. Install the dependencies:

   npm install

   or

   yarn install
   

4. To start the development server, use:

   npm run dev

   or

   yarn dev
   

5. Usage: Once the development server is running, open your browser and navigate to http://localhost:5173 or the appropriate localhost on your machine to demo the app.

6. License: This project is licensed under the MIT License. See the LICENSE file for details.