https://github.com/wobloj/registerpage
Registration page with fully working authentication and credentials
https://github.com/wobloj/registerpage
authentication expressjs form mongodb motion react-router-dom reactjs typescript
Last synced: 3 months ago
JSON representation
Registration page with fully working authentication and credentials
- Host: GitHub
- URL: https://github.com/wobloj/registerpage
- Owner: wobloj
- Created: 2025-05-17T15:36:07.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-27T15:06:21.000Z (about 1 year ago)
- Last Synced: 2025-06-08T16:28:15.225Z (about 1 year ago)
- Topics: authentication, expressjs, form, mongodb, motion, react-router-dom, reactjs, typescript
- Language: TypeScript
- Homepage:
- Size: 77.1 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Register page
Register page with fully functional authentication and credentials stored in cookies.
A user can create an account, which is saved in the database with a hashed password. Once logged in, the user can fetch user data, update their email, or delete their account. Users without valid credentials cannot access user data, update accounts, or delete them.
## Stack used
**Frontend:** React.js with TypeScript, Tailwind CSS
**Frontend libraries:** Motion, React Router Dom, Axios
**Backend:** Express.js, MongoDB
**Backend libraries:** dotenv, nodemon, cors, lodash, crypto
## How to install project
Git clone project.
```bash
git clone https://github.com/wobloj/RegisterPage.git
```
Installation dependencies.
```bash
cd server
npm install
```
```bash
cd client
npm install
```
## Environment Variables
To run this project, you will need to add the following environment variables to your .env file
`MONGODB_URI`
`PORT`
## Run Project
To run project make sure you are in `server` file and `client` file.
To run backend in terminal type: `npm start`.
To run frontend in terminal type: `npm run dev`
## Features
- Login and register user,
- Full data validation,
- Fetch users,
- Update and delete logged user,
- Animated messages and divs.