UmmahLink-graphql

A Website Social app Using Nextjs, Typescript, Tailwindcss, React-query,Nestjs,Graphql, Zustand

Overview

Official website: https://ummah-link-graphql.vercel.app
Author: SM Tanimur Rahman ( @SMTanimur )

Preview

Resources

GithubUrl : https://github.com/SMTanimur/UmmahLink-graphql

Frontend Main technology used

Nextjs 13, Typescript
Tailwindcss
Zustand (State management)
Axios (Support fetching data) and Graphql
Swiper (Slider), react-modal
React-form-hook , yup (Validation)
React-hot-toast, sweetalert2 (Message UI)
React-perfect-scrollbar
React-perfect-scrollbar
react-virtuoso

Backend Main technology used

Nestjs, Typescript
Graphql
Mongoose
Express
Passportjs
Express-session base (Auth)
Cloudinary

Features

Create User
Search user by name or username
Post Todos:[Create/Update/Delete/Like]
Comment Todos:[Create/Update/Delete/Like] with nested comment
Activity Feed: A central feed where users can see posts, photos and updates from their followers or the people they follow.
Profile Customization:Users can create and customize their profiles with profile pictures, cover photos, and personalized bio sections. They can also add religious affiliations and interests.
Notification page : Notification of user ac
Bookmark favourite products, store recently watched products
Realtime notification of order status and discount code expiration

Environment Variables

MONGODB_URI=mongodb://127.0.0.1:27017/ummahlink-graphql
NODE_ENV=development
PORT=3333
JWT_EXPIRATION=3036
JWT_SECRET=sjfdjfkkedfjkedf
MAIL=
WEB_URL=
API_URL=http://localhost:3333
SESSION_SECRET_KEY=fjdsfjksd
SESSION_NAME=ummahlink_sid
API_LOG_ENABLE=true
CLOUDINARY_CLOUD_NAME =
CLOUDINARY_API_KEY =
CLOUDINARY_API_SECRET =
NEXT_PUBLIC_API_BASE_ENDPOINT=http://localhost:3333