Skip to content

aleksandromilenkov/shareYourPlace

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

53 Commits
 
 
 
 
 
 

Repository files navigation

ShareYourPlace

This is fullstack MERN application for publishing your own places (restaurants, parks, squares and other bussiness/historical and whatever places with coordinates).
You can sign up, create new place and publish it and everyone can see it, but only you can edit and delete it.
For creating the place you need to upload image from that place, enter the coordinates for the place to see it on a map, enter title, description and street address.
In this app for the frontend I'm using React.js, custom Hooks, React built-in hooks and vanilla CSS. I'm storing the jsonwebtoken in the localStorage of the browser. The app is fully responsive.
For the backend I'm using Node.js with Express.js to build the REST API.
For the database I'm using MongoDB with Mongoose for easier communication with the Models. I have 2 models, one for the User and one for the Posts, they are linked with One to Many relationship.
I'm protecting the routes with the jsonwebtoken, hashing the password with bcryptjs, allowing to upload the images with Multer package for Express.js.

Home Page:

shareYourPlace_Home

Login page:

shareYourPlace_Login

Sign up page:

shareYourPlace_Signup

My Places page:

shareYourPlace_MyPlaces

New Place page:

shareYourPlace_AddPlace

Other User's profile:

shareYourPlace_OtherProfile

View On Map:

shareYourPlace_Map

Edit your place:

shareYourPlace_Edit

Installation

This is an example of how you may give instructions on setting up your project locally. To get a local copy up and running follow these simple example steps.

Prerequisites

Node package manager - npm.

Installation

  1. Clone the repo
git clone https://github.com/aleksandromilenkov/shareYourPlace.git
  1. Navigate to server folder and npm install there
npm install 
  1. Navigate to client folder and npm install there too
npm install 
  1. Once installed, navigate to server folder and run this command to start the server:
npm run start
  1. After server started, navigate to client folder and run this command to start the client:
npm run start

Now go to localhost:3000 and you will see the app.

Usage

Use this app for whatever you like.

Built with

  • React.js
  • CSS
  • Node.js
  • Express.js
  • MongoDB
  • Mongoose
  • jsonwebtoken
  • Multer
  • Express validator
  • Bcrypt
  • And more...

About

MERN app for sharing a place with coordinates and image

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published