https://github.com/dineshkumar-mb/mern-urlfrontend
url shortner with authentication login,resetpassword,dashboard etc
https://github.com/dineshkumar-mb/mern-urlfrontend
react-router react-router-dom reactjs
Last synced: about 2 months ago
JSON representation
url shortner with authentication login,resetpassword,dashboard etc
- Host: GitHub
- URL: https://github.com/dineshkumar-mb/mern-urlfrontend
- Owner: dineshkumar-mb
- Created: 2024-07-10T12:40:43.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2024-07-11T11:40:41.000Z (almost 2 years ago)
- Last Synced: 2025-07-30T07:59:45.683Z (11 months ago)
- Topics: react-router, react-router-dom, reactjs
- Language: JavaScript
- Homepage: https://chipper-marigold-f7720c.netlify.app
- Size: 59.6 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
# URL Shortner Application
This project is a full-stack web application for password management, providing functionalities for signing up, logging in, resetting passwords, and more.
## Features
### User Authentication
- **Signup**: Users can register for an account by providing necessary details like username, email, password, mobile number, and avatar.
- **Login**: Registered users can sign in using their email and password.
- **Forgot Password**: Users can request a password reset by providing their email.
- **Reset Password**: Passwords can be reset using a token sent to the user's email.
### User Dashboard
- **User Information**: Once logged in, users can view their user ID, email, etc., on the dashboard.
### Security
- **JWT Authentication**: JSON Web Tokens are used for secure user authentication.
### Miscellaneous
- **Avatar Selection**: Users can select avatars during signup.
- **CORS Enabled**: Cross-Origin Resource Sharing is enabled to allow interactions between frontend and backend on different domains.
- **Protected Routes**: Certain routes are protected and require a valid token for access.
## Tech Stack
### Frontend
- React
- React Router
- Bootstrap
### Backend
- Node.js
- Express.js
- MongoDB
- JWT for Authentication
## Deployment
- Frontend: Deployed on [Netlify](https://chipper-marigold-f7720c.netlify.app)
- Backend: Deployed on [Render](https://mern-urlbackend.onrender.com)
## Installation and Setup
1. Clone the repository
2. Install dependencies using `npm install`
3. Start the frontend and backend servers
4. Open the application in your browser
## Usage
- **Signup**: Access the signup page to create a new account.
- **Login**: Log in with your credentials to access the dashboard.
- **Forgot Password**: Reset your password by providing your email address.
- **Reset Password**: Use the token received in your email to reset your password.
-**url shortner**: To shorten the long url to short url.
## License
[Insert License Here]
## Contribution
Feel free to contribute to this project by creating a pull request.
- http://localhost:5173/to see the output in localhost
- here the various route paths are used to access the pages
path='/'
path="/signup"
path="/login"
path="/forgotPassword"
path="/resetPassword/:token"
path="/dashboard"
path="/urlshortner"