Look At This app

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Installation
   • Running the app

About The Project

“Look at This” is a travelling companion application, that focuses on location sharing between users. A user can share a location that he has encountered during its travels to other users that can add comments or a review.

This repo handles both the backend and the frontend sides of the project.

All the api requests from the frontend side accesses the backend side to send or receive data from the database. Certain actions (like adding, deleting or updating a location) are secured and an unauthorized action redirects a guest to the register page.

Application features include:

• Landing page with a map that shows random locations that users have added
  
  

• A registration and login form
  
  
  
  
  

• A form page for users to add locations
  
  
  
  
  

• A list page with search and tag filtering functions
  
  
  
  
  

• An individual location page where users can view details about it, add comments and where the owner can delete/update it
  
  
  
  
  

Future implementation

• Comment section: add, delete, edit
• Comment moderation if you're the owner of the location entry
• Voting functionality
• Info pop-up when clicking on a location on the landing page markers

Built With

• Maven
• Spring Boot
• Java
• Postgresql
• React
• Node.js

Getting Started

To get a local copy up and running follow these simple steps.

Installation

1. Clone the repo

   git clone https://github.com/github_username/repo_name.git

2. Create your own application.properies file in a new resources directory in the backend folder and write

   spring.jpa.properties.hibernate.dialect = org.hibernate.dialect.PostgreSQLDialect
   spring.jpa.hibernate.ddl-auto=create-drop
   spring.datasource.url=databaseURL
   spring.datasource.username=yourUsername
   spring.datasource.password=yourPassword
   spring.jpa.show-sql=false
   

3. Install NPM packages

   npm install

4. Make sure your device can run all the technologies in the build section

React App

Running the app

In the project frontend directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.