Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/harshdoshi999/node-react-social-auth
Social authen with NodeJS (ExpressJS) + ReactJS + TailwindCSS + SQLite
https://github.com/harshdoshi999/node-react-social-auth
boilerplate fullstack google-authentication google-cloud nodejs reactjs sqlite tailwindcss
Last synced: 9 days ago
JSON representation
Social authen with NodeJS (ExpressJS) + ReactJS + TailwindCSS + SQLite
- Host: GitHub
- URL: https://github.com/harshdoshi999/node-react-social-auth
- Owner: harshdoshi999
- License: mit
- Created: 2024-08-27T12:24:35.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-08-27T13:13:49.000Z (3 months ago)
- Last Synced: 2024-10-12T05:42:17.860Z (about 1 month ago)
- Topics: boilerplate, fullstack, google-authentication, google-cloud, nodejs, reactjs, sqlite, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 29.3 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# node-react-social-auth
Social authen with NodeJS (ExpressJS) + ReactJS + TailwindCSS + SQLite
## Project Setup
### 1. Clone the Repository
```bash
git clone https://github.com/harshdoshi999/node-react-social-auth.git
cd node-react-social-auth
```
### 2. Backend Setup (NodeJS)
Navigate to the project's root directory and run the following commands:
```bash
npm install
```
#### Run the Backend Server:
```bash
cd backend
node server.js
```
#### Add below details in project's root .env file
```bash
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=
```
The backend will run on `http://localhost:5000`.
### 3. Frontend Setup (ReactJS + TailwindCSS)
Navigate to the project's root directory and run the following commands:
```bash
cd frontend
npm install
```
#### Add GOOGLE_CLIENT_ID in frontend/.env
```bash
REACT_APP_API_BASE_URL=http://localhost:5000/api
REACT_APP_GOOGLE_CLIENT_ID=
```
#### Run the Frontend Server:
```bash
npm start
```
The frontend will run on `http://localhost:3000`.
### 4. View the Login Page
You can access the login page in your browser by navigating to `http://localhost:3000/login`.
## API Routes
| Method | Route | Description |
| ------ | --------------------------- | -------------------------- |
| POST | `/api/auth/signup` | Register a new user |
| POST | `/api/auth/login` | Login a user |
| POST | `/api/auth/forgot-password` | Send a password reset link |
| POST | `/api/auth/reset-password` | Reset the user's password |
## Frontend Routes
| Path | Component | Description |
| ------------------------ | ------------------ | ---------------------- |
| `/signup` | Signup.jsx | User registration page |
| `/login` | Login.jsx | User login page |
| `/forgot-password` | ForgotPassword.jsx | Forgot password page |
| `/reset-password/:token` | ResetPassword.jsx | Password reset page |
### Commands to Start the Project
- **Start Backend**: `cd backend && node server.js`
- **Start Frontend**: `cd frontend && npm start`
### Links
- [Login Page](http://localhost:3000/login)