README.md

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

Installation

$ yarn

Running the app

# development
$ yarn dev

Screenshots

Home Page

Create Post Modal

Follower Modal

Notification Alart

Seach Page

Sign Up Page

Sign In Page

Profile Page