- User Authentication: Secure sign-up, login, logout, and JWT-based authentication.
- Post Creation & Management: Users can create posts with a rich text editor, categorize posts, and attach images.
- Upvote & Commenting System: Users can upvote/downvote posts, comment, and interact with other posts.
- Admin Dashboard: Manage users, posts, and analytics.
- Search & Filter: Search and filter posts with debounced API calls.
- Payment Integration: Premium access for exclusive posts using Aamarpay.
- Frontend Framework: Next.js
- UI Library: NextUI
- Data Fetching & State Management: Tanstack Query (React Query)
- HTTP Client: Axios
- Deployment: Vercel
Follow these instructions to set up and run the frontend application locally.
Open your terminal and navigate to the directory where you want to add the project.
Clone the repository using the following command:
git clone https://github.com/rakibul58/protech-client.gitNavigate into the project folder:
cd protech-clientInstall the dependencies:
yarn installCreate a .env.local file in the root directory and add the following environment variables. Update these variables with your backend and API keys as necessary:
NEXT_PUBLIC_BASE_API_DEV=
NEXT_PUBLIC_BASE_API_PROD=
NEXT_PUBLIC_CLOUDINARY_URI=
NEXT_PUBLIC_CLOUDINARY_PRESET=
NEXT_PUBLIC_EDITOR_API_KEY=
Run the application in development mode:
yarn devThe app should now be running on http://localhost:3000.
Once the frontend application is set up and running, you can access the homepage at http://localhost:3000. From here, you can register, log in, create posts, upvote, comment, and explore other features.
- Email: admin@protech.com
- Password: 123
- Email: student3@test.com
- Password: 123
For any questions or feedback, please contact:
- Name: Muhammed Rakibul Hasan
- Email: rhrahi14@gmail.com