parmdhillon/myuserbook

My User Book

A basic NextJS App to perform authentication
View Demo

About The Project

This is basic web app based on NextJS to authorize users saved in MongoDB to upload there profile picture and render their address on the static map.

Built With

Major frameworks and libraries:

• NextJS
• React Hook Forms
• JOI

Getting Started

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

Prerequisites

You need to have these free APIs keys in your .env.local file:

• Cloundinary -> to save uploaded images on the cloud

  CLOUDINARY_URL= cloudinary://...

• Position Stack-> to get coordinates of a address

  CORDS_KEY= positionstack api key...

• Mapbox-> to render a static map from the coordinates

  MAPBOX_KEY=mapbox api key

  You also need to set MongoDB URL in your .env.local file:

• MONGODB_URI=MONGO_DB_URI_WITH_DEFAULT_DATABASE

And, the last thing is to set JWT Key (any key):

• JWT Authentication Key

  JWT_KEY=MyJWTKey

you can rename '.env.local.txt' to '.env.local'

Installation

1. Get your keys ready

2. Clone the repo

   git clone https://github.com/parmdhillon/myuserbook.git

3. Install NPM packages

   npm install

4. Update your keys in .env.local

5. Run the project @ localhost:3000

   npm run dev