Park Saver

Parking Application for n for storing user parking locations using current location tracking and saving parking slips made with React.JS, NodeJS, ExpressJS, MongoDB.

Features

• Auth Using JWT
• User Profile Management
• Add, Update, Delete Parking Spots
• Ability to store current parking location with detailed information(Title, Note, Basement level, Pillar Number)
• Ability to store Parking slips
• Cross Platform usage(using PWA)
• Display all your parkings over an area.

Made using

• React.JS
• Node.JS
• ExpressJS
• MongoDB
• Cloudinary
• TailwindCSS
• PWA

Demo

LIVE DEMO: https://park-saver.netlify.app/

Backend Env Variables

• PORT=PORT
• MONGODB_URI= Your Database URL
• CORS_ORIGIN= Your Frontend URL
• ACCESS_TOKEN_SECRET= Your Secret
• ACCESS_TOKEN_EXPIRY= 15m
• REFRESH_TOKEN_SECRET= Your Secret
• REFRESH_TOKEN_EXPIRY= 10d
• CLOUDINARY_CLOUD_NAME= Your Cloudinary Details
• CLOUDINARY_API_KEY= Your Cloudinary Details
• CLOUDINARY_API_SECRET= Your Cloudinary Details

Frontend Env Variables

• VITE_GOOGLE_MAPS_API_KEY= Your Google Maps API Key

Installation

Install Dependencies

cd Backend npm install cd Frontend npm install

Run

Run Frontend npm run dev

Run Backend npm run dev

Screenshots

Home page

Add Parking

Update Parking

Update Profile

🤵‍♂️ Author