Git Product home page Git Product logo

places's Introduction

๐ŸŒ 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.

places's People

Contributors

raylikesanime avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.