Skip to content

README.md

Latest commit

 

History

History
54 lines (40 loc) · 1.75 KB

README.md

File metadata and controls

54 lines (40 loc) · 1.75 KB

🌍 Places - Frontend

Welcome to the Places frontend repository. This project is a responsive travel website built with React that allows users to upload, update, and delete photos, names, descriptions, and addresses of places they visit.

✨ Features

  • Responsive Design: The website is fully responsive, ensuring a great user experience on both desktop and mobile devices.
  • Google Maps Integration: Converts manually written addresses by users to coordinates using Google Maps Geolocation API and renders them on a map using the JavaScript SDK API.
  • User Authentication: Secure authentication using JWT tokens.
  • Image Upload: Allows users to upload images using file-picker local storage with comprehensive error handling on both the server and client sides.

🛠 Technologies Used

  • ⚛️ React
  • 📜 JavaScript
  • 🎨 CSS
  • 📍 Google Maps Geolocation API
  • 🗺 Google Maps JavaScript SDK API
  • 🔐 JWT for authentication

🚀 Getting Started

Prerequisites

Before you begin, ensure you have the following installed:

  • Node.js (version 14.x or later)
  • npm (version 6.x or later)

Installation

  1. Clone the repository 
    git clone https://github.com/RayLikesAnime/Places.git
cd Places
  2. Install dependencies 
    npm install
  3. Run the development server 
    npm start
  4. Open http://localhost:3000 to view it in the browser.

🌐 Live Demo

Check out the live demo of the project https://places-d2w7.onrender.com/.

🤝 Contributing

Contributions are welcome! Please open an issue or submit a pull request for any improvements or new features.

📜 License

This project is licensed under the MIT License.