This MERN (MongoDB, Express, React, Node.js) stack application is a guide to success where users can create, read, update, and delete posts about achieving success in life. It supports user authentication using JWT and Google login. State management is handled with Redux, and the app is styled using Tailwind CSS.
- Features
- Technologies
- Installation
- Usage
- Authentication
- CRUD Operations
- State Management
- Styling
- Contributing
- License
- User Registration and Login (JWT and Google)
- Create, Read, Update, Delete (CRUD) Posts
- State Management with Redux
- Styling with Tailwind CSS
- MongoDB
- Express.js
- React
- Node.js
- Redux
- JWT for Authentication
- Google OAuth for Authentication
- Tailwind CSS
- Clone this repository.
- Navigate to the project directory, then to sever and client directory.
- Run
npm install
to install dependencies at server and client directories. - Configure environment variables for MongoDB, JWT secret, and Google OAuth credentials.
- Run
npm start
to start the development server.
- Visit the app in your browser at
http://localhost:3000
. - Register or log in to start using the app.
- Create, read, update, and delete posts about success.
- User authentication is implemented using JSON Web Tokens (JWT) and Google login.
- To enable Google login, provide your Google OAuth credentials in the environment variables.
- Users can perform CRUD operations on posts.
- Create: Click the "Create Post" button and fill out the form.
- Read: Browse and view existing posts.
- Update: Click the edit icon on a post and make changes.
- Delete: Click the delete icon on a post to remove it.
- Redux is used for state management.
- Actions, reducers, and store configuration can be found in the
src
directory.
- The app is styled using Tailwind CSS.
Contributions are welcome.
This project is licensed under the MIT License.