13 |
Thanks for joining the newsletter', 19 | }); 20 | const mailResponse = await transport.sendMail(info); 21 | return mailResponse; 22 | } catch (error: any) { 23 | throw new Error(error); 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /jest.config.ts: -------------------------------------------------------------------------------- 1 | import type { Config } from 'jest'; 2 | import nextJest from 'next/jest.js'; 3 | 4 | const createJestConfig = nextJest({ 5 | // Provide the path to your Next.js app to load next.config.js and .env files in your test environment 6 | dir: './', 7 | }); 8 | 9 | const config: Config = { 10 | clearMocks: true, 11 | 12 | collectCoverage: true, 13 | 14 | coverageDirectory: 'coverage', 15 | 16 | // Indicates which provider should be used to instrument code for coverage 17 | coverageProvider: 'v8', 18 | // The test environment that will be used for testing 19 | testEnvironment: 'jsdom', 20 | setupFilesAfterEnv: ['./jest.setup.ts'], 21 | transform: { 22 | '^.+\\.(t|j)sx?$': '@swc/jest', 23 | }, 24 | }; 25 | 26 | export default createJestConfig(config); 27 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "types": ["jest", "node"], 4 | "lib": ["dom", "dom.iterable", "esnext"], 5 | "allowJs": true, 6 | "skipLibCheck": true, 7 | "strict": true, 8 | "strictNullChecks": true, // Changed line 9 | "noEmit": true, 10 | "esModuleInterop": true, 11 | "module": "esnext", 12 | "moduleResolution": "bundler", 13 | "resolveJsonModule": true, 14 | "isolatedModules": true, 15 | "jsx": "preserve", 16 | "incremental": true, 17 | "plugins": [ 18 | { 19 | "name": "next" 20 | } 21 | ], 22 | "paths": { 23 | "@/*": ["./src/*"] 24 | } 25 | }, 26 | "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"], 27 | "exclude": ["node_modules", ".next"] 28 | } 29 | -------------------------------------------------------------------------------- /src/app/api/user/getBlogs/route.ts: -------------------------------------------------------------------------------- 1 | import { NextRequest, NextResponse } from 'next/server'; 2 | import { dbConnect } from '@/db/dbConnect'; 3 | import { Blogs } from '@/models/blogModel'; 4 | 5 | // Connect to the database 6 | dbConnect(); 7 | 8 | export async function POST(request: NextRequest) { 9 | try { 10 | const response = await request.json(); 11 | const { id } = await response; 12 | const getBlog = await Blogs.findById(id); 13 | 14 | if (!getBlog) { 15 | return NextResponse.json({ message: 'Server error' }, { status: 500 }); 16 | } 17 | 18 | return NextResponse.json( 19 | { message: 'success', data: getBlog }, 20 | { status: 200 } 21 | ); 22 | } catch (error: any) { 23 | return NextResponse.json({ message: error }, { status: 404 }); 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /src/app/api/user/getlikes/route.ts: -------------------------------------------------------------------------------- 1 | import { NextRequest, NextResponse } from 'next/server'; 2 | import { dbConnect } from '@/db/dbConnect'; 3 | import { Like } from '@/models/likeModel'; 4 | 5 | dbConnect(); 6 | export async function POST(request: NextRequest) { 7 | try { 8 | const response = await request.json(); 9 | const { id } = await response; 10 | const getLike = await Like.find({ BlogLike: id }); 11 | if (!getLike) { 12 | return NextResponse.json({ message: 'server error' }, { status: 404 }); 13 | } 14 | // console.log([...getLike,getLike]) 15 | return NextResponse.json( 16 | { message: 'success', data: getLike }, 17 | { status: 200 } 18 | ); 19 | } catch (error: any) { 20 | return NextResponse.json({ message: 'server error' }, { status: 404 }); 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /src/context/useAuthStore.ts: -------------------------------------------------------------------------------- 1 | import { create } from 'zustand'; 2 | import axios from 'axios'; 3 | 4 | export const useAuthStore = create((set) => ({ 5 | isAuthenticated: false, 6 | 7 | login: async (email: string, password: string) => { 8 | try { 9 | const response = await axios.post('/api/user/login', { email, password }); 10 | if (response.status === 200) { 11 | set({ isAuthenticated: true }); 12 | return true; 13 | } 14 | } catch (error) { 15 | set({ isAuthenticated: false }); 16 | console.error('Login failed:', error); 17 | return false; 18 | } 19 | }, 20 | 21 | logout: () => { 22 | set({ isAuthenticated: false }); 23 | }, 24 | auth: (get: any) => { 25 | return get().isAuthenticated; // Return current authentication status 26 | }, 27 | })); 28 | -------------------------------------------------------------------------------- /src/components/component/Hero.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | let src = 4 | 'https://res.cloudinary.com/dfqrdloq7/video/upload/v1710955173/etocyoandurnti9wgozg.mp4'; 5 | 6 | export function SparklesPreview() { 7 | return ( 8 |
9 |
22 | );
23 | }
24 |
--------------------------------------------------------------------------------
/src/middleware.ts:
--------------------------------------------------------------------------------
1 | import { NextRequest, NextResponse } from 'next/server';
2 |
3 | export async function middleware(request: NextRequest) {
4 | const path = request.nextUrl.pathname;
5 |
6 | const publicPath = path === '/login' || path === '/signup' || path === '/';
7 | const feedPath = path === '/trend';
8 | const token = request.cookies.get('token')?.value || '';
9 |
10 | if ((feedPath && !token) || (feedPath && token)) {
11 | return NextResponse.redirect(new URL('/trend', request.nextUrl));
12 | }
13 |
14 | if (publicPath && token) {
15 | return NextResponse.redirect(new URL('/profile', request.nextUrl));
16 | }
17 |
18 | if (!publicPath && !token) {
19 | return NextResponse.redirect(new URL('/login', request.nextUrl));
20 | }
21 | }
22 |
23 | export const config = {
24 | matcher: ['/', '/profile', '/login', '/signup'],
25 | };
26 |
--------------------------------------------------------------------------------
/src/components/component/warningBanner.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { AlertCircle, X } from 'lucide-react';
3 |
4 | export function WarningBanner() {
5 | return (
6 | <>
7 |
10 |
17 |
18 | 19 | Scam Alert 20 |
21 |
8 |
23 |
24 | );
25 | }
26 |
--------------------------------------------------------------------------------
/src/app/api/user/getComments/route.ts:
--------------------------------------------------------------------------------
1 | import { NextRequest, NextResponse } from 'next/server';
2 | import { dbConnect } from '@/db/dbConnect';
3 | import { Comment } from '@/models/commentModel';
4 |
5 | dbConnect();
6 | export async function POST(request: NextRequest) {
7 | try {
8 | const { id } = await request.json(); // Removed unnecessary await
9 | const data = await Comment.find({ blogId: id });
10 | if (data.length === 0) {
11 | // Check data length
12 | return NextResponse.json(
13 | { message: 'No comments found' },
14 | { status: 404 }
15 | );
16 | }
17 |
18 | return NextResponse.json(
19 | { message: 'success', data: data },
20 | { status: 200 }
21 | );
22 | } catch (error: any) {
23 | console.log(error);
24 | return NextResponse.json({ message: 'Server error' }, { status: 500 });
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/issue_form.yml:
--------------------------------------------------------------------------------
1 | name: Contributor Issue Form
2 | description: Use this form to submit issues related to **Scam Website**
3 | title: '[ENTER ISSUE TITLE]'
4 | labels: ['needs triage']
5 | assignees: []
6 |
7 | body:
8 | - type: markdown
9 | attributes:
10 | value: |
11 | Thank you for taking the time to contribute to Scam Website! Please fill out the following fields to help us understand and address your issue effectively.
12 |
13 | - type: input
14 | id: issue_name
15 | attributes:
16 | label: 'ISSUE NAME'
17 | description: 'A short and descriptive title for your issue.'
18 | placeholder: 'e.g., Improve UI features'
19 | validations:
20 | required: true
21 |
22 | - type: textarea
23 | id: issue_description
24 | attributes:
25 | label: 'ISSUE DESCRIPTION'
26 | description: 'Provide a detailed description of the issue.'
27 | placeholder: 'Describe the problem, steps to reproduce, and any other relevant information.'
28 | validations:
29 | required: true
30 |
31 | - type: markdown
32 | attributes:
33 | value: |
34 | ---
35 | Thank you for raising this issue! We will review your issue and get back to you shortly.
36 |
--------------------------------------------------------------------------------
/public/next.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/app/api/user/postComment/route.ts:
--------------------------------------------------------------------------------
1 | import { NextRequest, NextResponse } from 'next/server';
2 | import { dbConnect } from '@/db/dbConnect';
3 | import { Comment } from '@/models/commentModel';
4 | import { getCookie } from 'cookies-next';
5 | import JWT, { JwtPayload } from 'jsonwebtoken';
6 |
7 | dbConnect();
8 | export async function POST(request: NextRequest) {
9 | try {
10 | const token = (await request.cookies.get('token')?.value) || '';
11 | console.log(token);
12 | if (!token) {
13 | return NextResponse.json({ message: 'Please LogIn' }, { status: 404 });
14 | }
15 | const response = await request.json();
16 | const { blogId, comment } = await response;
17 | const userData: JwtPayload = (await JWT.verify(
18 | token,
19 | process.env.SECERT_KEY!
20 | )) as JwtPayload;
21 | const userId = await userData.id;
22 | console.log(userId, blogId, comment);
23 |
24 | const commentModel = await new Comment({
25 | User: userId,
26 | blogId,
27 | comment,
28 | });
29 |
30 | const saveModel = await commentModel.save();
31 | if (!saveModel) {
32 | return NextResponse.json({ message: 'Sever error' }, { status: 404 });
33 | }
34 | return NextResponse.json({ message: 'Comment added' }, { status: 200 });
35 | } catch (error: any) {
36 | throw new Error(error);
37 | }
38 | }
39 |
--------------------------------------------------------------------------------
/src/app/api/user/getBio/route.ts:
--------------------------------------------------------------------------------
1 | import { NextRequest, NextResponse } from 'next/server';
2 | import { Bio } from '@/models/userBio';
3 | import JWT, { JwtPayload } from 'jsonwebtoken';
4 | import { dbConnect } from '@/db/dbConnect';
5 |
6 | dbConnect();
7 | export async function GET(request: NextRequest) {
8 | try {
9 | const getCookie = request.cookies.get('token')?.value || '';
10 | if (!getCookie) {
11 | return NextResponse.json({
12 | message: 'Login Please',
13 | });
14 | }
15 |
16 | const decrypt: JwtPayload = (await JWT.verify(
17 | getCookie,
18 | process.env.SECERT_KEY!
19 | )) as JwtPayload;
20 |
21 | if (!decrypt) {
22 | return NextResponse.json({ message: 'Server Error' }, { status: 404 });
23 | }
24 |
25 | const userId = await decrypt.id;
26 | const findBio = await Bio.find({ user: userId });
27 |
28 | if (!findBio) {
29 | return NextResponse.json(
30 | {
31 | message: 'Add bio ',
32 | },
33 | {
34 | status: 404,
35 | }
36 | );
37 | }
38 |
39 | return NextResponse.json(
40 | {
41 | message: 'success',
42 | data: findBio,
43 | },
44 | {
45 | status: 200,
46 | }
47 | );
48 | } catch (error: any) {
49 | return NextResponse.json({ message: error }, { status: 404 });
50 | }
51 | }
52 |
--------------------------------------------------------------------------------
/src/app/api/user/verifyEmail/route.ts:
--------------------------------------------------------------------------------
1 | import { NextRequest, NextResponse } from 'next/server';
2 | import { User } from '@/models/userModel';
3 | import { dbConnect } from '@/db/dbConnect';
4 | import bcrypt from 'bcryptjs'; // Changed to bcryptjs
5 | import { z } from 'zod';
6 |
7 | // Connect the database
8 | dbConnect();
9 |
10 | // Defining zod schema (no export here)
11 | const ZodValidation = z.object({
12 | email: z.string().email(),
13 | });
14 |
15 | // Post the data
16 | export async function POST(request: NextRequest) {
17 | // Get the user details
18 | try {
19 | const { email } = await request.json();
20 |
21 | // Inputs validation using zod
22 | if (!ZodValidation.safeParse({ email }).success) {
23 | return NextResponse.json(
24 | { message: 'Incorrect inputs' },
25 | { status: 401 }
26 | );
27 | }
28 |
29 | // Check if user exists
30 | const user = await User.findOne({ email });
31 |
32 | if (!user) {
33 | return NextResponse.json({ message: 'No User Found' }, { status: 400 });
34 | }
35 |
36 | user.isVerified = true;
37 | await user.save();
38 |
39 | return NextResponse.json({ message: 'Success' }, { status: 200 });
40 | } catch (error: any) {
41 | console.error('Error:', error); // Log the error for debugging
42 | return NextResponse.json(
43 | { message: 'Internal Server Error' },
44 | { status: 500 }
45 | );
46 | }
47 | }
48 |
--------------------------------------------------------------------------------
/contribution.md:
--------------------------------------------------------------------------------
1 | # ISSUE NAME
2 |
3 | Add contribution.md file
4 |
5 | ## ISSUE DESCRIPTION
6 |
7 | The repository currently lacks a `contribution.md` file, which is essential for outlining contribution guidelines. This file will help guide new contributors in understanding how to contribute to the project, including the coding standards, commit message guidelines, and how to submit pull requests.
8 |
9 | ## APPROACH
10 |
11 | 1. **Create a `contribution.md` file:**
12 | Add a new `contribution.md` file in the root directory of the project.
13 | 2. **Outline the following in the file:**
14 |
15 | - **Introduction:** A brief introduction about the project and welcoming new contributors.
16 | - **Code of Conduct:** Reference to the project's code of conduct (if available).
17 | - **How to contribute:** Steps on how contributors can propose new features, report bugs, or contribute code.
18 | - **Submitting a Pull Request:** Guidelines on how to fork the repository, make changes, write commit messages, and open pull requests.
19 | - **Coding standards:** Outline any specific code styles or linting rules contributors must follow.
20 | - **Tests:** Information on how to run tests, if applicable, and how to write new tests for contributed code.
21 |
22 | 3. **Finalize and test:**
23 | Review the `contribution.md` to ensure all necessary guidelines are clear and comprehensive. Test that the instructions are easy to follow for new contributors.
24 |
--------------------------------------------------------------------------------
/src/app/api/user/verifyEmail/[email]/route.ts:
--------------------------------------------------------------------------------
1 | import { NextRequest, NextResponse } from 'next/server';
2 | import { User } from '@/models/userModel';
3 | import { dbConnect } from '@/db/dbConnect';
4 | import bcrypt from 'bcryptjs'; // Changed to bcryptjs
5 | import { z } from 'zod';
6 |
7 | // Connect the database
8 | dbConnect();
9 |
10 | // Defining zod schema (no export here)
11 | const ZodValidation = z.object({
12 | email: z.string().email(),
13 | });
14 |
15 | // Post the data
16 | export async function POST(request: NextRequest, context: any) {
17 | // Get the user details
18 | try {
19 | const { params } = context;
20 | const email = params.email;
21 |
22 | // Inputs validation using zod
23 | if (!ZodValidation.safeParse({ email }).success) {
24 | return NextResponse.json(
25 | { message: 'Incorrect inputs' },
26 | { status: 401 }
27 | );
28 | }
29 |
30 | // Check if user exists
31 | const user = await User.findOne({ email });
32 |
33 | if (!user) {
34 | return NextResponse.json({ message: 'No User Found' }, { status: 400 });
35 | }
36 |
37 | user.isVerified = true;
38 | await user.save();
39 |
40 | return NextResponse.json({ message: 'Success' }, { status: 200 });
41 | } catch (error: any) {
42 | console.error('Error:', error); // Log the error for debugging
43 | return NextResponse.json(
44 | { message: 'Internal Server Error' },
45 | { status: 500 }
46 | );
47 | }
48 | }
49 |
--------------------------------------------------------------------------------
/src/app/api/user/contact/route.ts:
--------------------------------------------------------------------------------
1 | import { NextRequest, NextResponse } from 'next/server';
2 | import { dbConnect } from '@/db/dbConnect';
3 | import { Contact } from '@/models/contactModel';
4 | import { z } from 'zod';
5 |
6 | // connect db
7 | dbConnect();
8 |
9 | // Define a specific Zod schema for the contact form
10 | const ContactSchema = z.object({
11 | email: z.string().email(),
12 | name: z.string().min(1, 'Name is required'),
13 | message: z.string().min(1, 'Message is required'),
14 | });
15 |
16 | export async function POST(request: NextRequest) {
17 | try {
18 | const res = await request.json();
19 | const { email, name, message } = res;
20 |
21 | // input validation using Zod
22 | const validationResult = ContactSchema.safeParse({ email, name, message });
23 | if (!validationResult.success) {
24 | return NextResponse.json(
25 | {
26 | message: 'Invalid inputs',
27 | },
28 | { status: 400 }
29 | );
30 | }
31 |
32 | // Create a new contact document
33 | const contact = new Contact({
34 | name,
35 | email,
36 | message,
37 | });
38 |
39 | // Save the contact message to the database
40 | await contact.save();
41 |
42 | return NextResponse.json({ message: 'Success' }, { status: 200 });
43 | } catch (error: any) {
44 | console.error('Server error: ', error);
45 | return NextResponse.json(
46 | { message: 'Internal Server Error' },
47 | { status: 500 }
48 | );
49 | }
50 | }
51 |
--------------------------------------------------------------------------------
/src/app/api/user/blog/route.ts:
--------------------------------------------------------------------------------
1 | import { NextRequest, NextResponse } from 'next/server';
2 | import JWT, { JwtPayload } from 'jsonwebtoken';
3 | import { Blogs } from '@/models/blogModel';
4 | import { dbConnect } from '@/db/dbConnect';
5 | dbConnect();
6 | export async function POST(request: NextRequest) {
7 | try {
8 | const token = (await request.cookies.get('token')?.value) || '';
9 |
10 | if (!token) {
11 | return NextResponse.json({ message: 'Login please' }, { status: 400 });
12 | }
13 |
14 | const decrypt: JwtPayload = (await JWT.verify(
15 | token,
16 | process.env.SECERT_KEY!
17 | )) as JwtPayload;
18 |
19 | const res = await request.json();
20 | const { title, imageUrl, category, content } = await res;
21 |
22 | if (!(title && category && imageUrl && content)) {
23 | return NextResponse.json(
24 | { message: 'All fields are required' },
25 | { status: 400 }
26 | );
27 | }
28 |
29 | const createBlog = await new Blogs({
30 | user: decrypt.id,
31 | title,
32 | imageUrl,
33 | category,
34 | content,
35 | });
36 |
37 | if (!createBlog) {
38 | return NextResponse.json({ message: 'server error' }, { status: 500 });
39 | }
40 |
41 | await createBlog.save();
42 |
43 | return NextResponse.json({ message: 'Blog created' }, { status: 200 });
44 | } catch (error: any) {
45 | console.log('error: ', error);
46 | return NextResponse.json({ message: error }, { status: 500 });
47 | }
48 | }
49 |
--------------------------------------------------------------------------------
/src/app/api/user/profile/route.ts:
--------------------------------------------------------------------------------
1 | import { NextRequest, NextResponse, userAgent } from 'next/server';
2 | import Jwt from 'jsonwebtoken';
3 | import { dbConnect } from '@/db/dbConnect';
4 | import { User } from '@/models/userModel';
5 | import mongoose, { ObjectId } from 'mongoose';
6 |
7 | dbConnect();
8 |
9 | export async function GET(request: NextRequest) {
10 | try {
11 | const getCookie = request.cookies.get('token')?.value || '';
12 |
13 | if (!getCookie) {
14 | return NextResponse.json({ message: 'Login required' }, { status: 404 });
15 | }
16 |
17 | const decrypt = await Jwt.verify(getCookie, process.env.SECRET_KEY!);
18 |
19 | if (!decrypt) {
20 | return NextResponse.json({ message: 'server error' }, { status: 500 });
21 | }
22 |
23 | const userId = await new mongoose.Types.ObjectId(
24 | JSON.parse(decrypt as string)
25 | );
26 |
27 | if (!userId) {
28 | return NextResponse.json({ message: 'Invalid user ID' }, { status: 400 });
29 | }
30 |
31 | // Find the user in the database
32 | const findUser = await User.findById(userId);
33 |
34 | if (!findUser) {
35 | return NextResponse.json({ message: 'User not found' }, { status: 404 });
36 | }
37 |
38 | const getuser = await findUser.username;
39 |
40 | return NextResponse.json(
41 | { message: 'sucess', data: getuser },
42 | { status: 200 }
43 | );
44 | } catch (error) {
45 | return NextResponse.json(
46 | { message: 'Internal Server Error' },
47 | { status: 500 }
48 | );
49 | }
50 | }
51 |
--------------------------------------------------------------------------------
/Add FAQ Section to Documentation.:
--------------------------------------------------------------------------------
1 | Frequently Asked Questions (FAQ)
2 |
3 | 1. What is Scam Alert?
4 | Scam Alert is an open-source platform where users can share information about new types of scams. It aims to create a community-driven space to identify and report various scam attempts, helping protect people from fraud.
5 |
6 | 2. How does Scam Alert work?
7 | Users can report scams they encounter, share their experiences, and alert others in the community. This collaborative approach allows everyone to stay informed and vigilant against fraudulent activities.
8 |
9 | 3. Who can contribute to Scam Alert?
10 | Anyone can contribute! Whether you’ve experienced a scam or have tips on spotting them, your insights are valuable. Plus, developers can help improve the platform by fixing bugs or adding new features.
11 |
12 | 4. How can I report a scam?
13 | Simply navigate to the reporting section of the platform, fill out the necessary details about the scam, and submit it. Your report will help others be more cautious and aware.
14 |
15 | 5. Is Scam Alert free to use?
16 | Yes! Scam Alert is completely free and open-source, so you can access all its features without any cost.
17 |
18 | 6. How can I stay updated on new scams?
19 | By regularly visiting the platform and following the latest reports, you can keep yourself informed about new scams. Consider joining the community discussions for real-time updates.
20 |
21 | 7. Can I help with the development of Scam Alert?
22 | Absolutely! If you're a developer, check out the repository for ways to contribute. You can also help by spreading the word and encouraging others to participate!
23 |
24 |
--------------------------------------------------------------------------------
/src/app/api/user/postlike/route.ts:
--------------------------------------------------------------------------------
1 | import { NextRequest, NextResponse } from 'next/server';
2 | import { Like } from '@/models/likeModel';
3 | import { dbConnect } from '@/db/dbConnect';
4 | import JWT, { JwtPayload } from 'jsonwebtoken';
5 |
6 | dbConnect();
7 | export async function POST(request: NextRequest) {
8 | try {
9 | const response = await request.json();
10 | console.log(response);
11 | const { id } = await response;
12 | const token = request.cookies.get('token')?.value || '';
13 | if (!token) {
14 | return NextResponse.json({ message: 'Login First' }, { status: 404 });
15 | }
16 | const decrypt: JwtPayload = JWT.verify(
17 | token,
18 | process.env.SECERT_KEY!
19 | ) as JwtPayload;
20 | const userId = decrypt.id;
21 | const existingLike = await Like.findOne({ User: userId, BlogLike: id });
22 | if (existingLike) {
23 | return NextResponse.json(
24 | { message: 'Like already added' },
25 | { status: 404 }
26 | );
27 | }
28 | const likeModel = await new Like({
29 | User: userId,
30 | BlogLike: id,
31 | });
32 | const saveLikeModel = await likeModel.save();
33 | if (!saveLikeModel) {
34 | return NextResponse.json({ message: 'error' }, { status: 404 });
35 | } else {
36 | return NextResponse.json({ message: 'Like added' }, { status: 200 });
37 | }
38 | return NextResponse.json(
39 | { message: 'Like already added' },
40 | { status: 404 }
41 | );
42 | } catch (error: any) {
43 | return NextResponse.json({ message: 'server error' }, { status: 404 });
44 | }
45 | }
46 |
--------------------------------------------------------------------------------
/src/data/faqData.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "question": "What is Scam Alert?",
4 | "answer": "Scam Alert is an open-source platform where users can share and alert others about new types of scams. The goal is to create a community-driven space to identify and report various scam attempts, helping to protect people from fraud."
5 | },
6 | {
7 | "question": "How do I get started?",
8 | "answer": "To get started, sign up for an account..."
9 | },
10 | {
11 | "question": "How do I contribute to this project?",
12 | "answer": "We welcome contributions from the community! You can contribute by reporting bugs, suggesting features, or submitting pull requests on our GitHub repository. Join our community discussions and help us improve Scam Alert together!"
13 | },
14 | {
15 | "question": "How can I contact support?",
16 | "answer": "Our dedicated support team is always ready to assist you. You can reach us through our Contact page, where you'll find options for email support, live chat, and phone assistance. We aim to respond to all inquiries within 24 hours."
17 | },
18 | {
19 | "question": "Where can I find the terms and conditions?",
20 | "answer": "Our terms and conditions are easily accessible in the footer section of our website. We encourage all users to review these documents carefully to understand our policies, user agreements, and privacy practices."
21 | },
22 | {
23 | "question": "Is my personal information secure?",
24 | "answer": "At Scam Alert, we take data security seriously. We employ industry-standard encryption and security measures to protect your personal information. For more details, please refer to our Privacy Policy."
25 | }
26 | ]
27 |
--------------------------------------------------------------------------------
/src/app/api/user/report/route.ts:
--------------------------------------------------------------------------------
1 | import { NextResponse, NextRequest } from 'next/server';
2 | import JWT, { JwtPayload } from 'jsonwebtoken';
3 | import { Report } from '@/models/reportModel';
4 | import { dbConnect } from '@/db/dbConnect';
5 |
6 | dbConnect();
7 | export async function POST(request: NextRequest) {
8 | try {
9 | const response = request.json();
10 | const { blog, content } = await response;
11 | if (!(blog && content)) {
12 | return NextResponse.json(
13 | {
14 | message: 'Server Error',
15 | },
16 | {
17 | status: 404,
18 | }
19 | );
20 | }
21 | const getCookies = (await request.cookies.get('token')?.value) || '';
22 | if (!getCookies) {
23 | return NextResponse.json(
24 | {
25 | message: 'Get Login',
26 | },
27 | {
28 | status: 404,
29 | }
30 | );
31 | }
32 |
33 | const userId = (await JWT.verify(
34 | getCookies,
35 | process.env.SECERT_KEY!
36 | )) as JwtPayload;
37 |
38 | const userReport = await new Report({
39 | user: userId.id,
40 | blogId: blog,
41 | comment: content,
42 | });
43 | if (!userReport) {
44 | return NextResponse.json(
45 | { message: 'Report not able to create' },
46 | { status: 404 }
47 | );
48 | }
49 |
50 | const createdReport = await userReport.save();
51 | if (!createdReport) {
52 | return NextResponse.json({ message: 'Server Error' }, { status: 404 });
53 | }
54 |
55 | return NextResponse.json({ message: 'Report Created' }, { status: 200 });
56 | } catch (error: any) {
57 | console.log(error);
58 | }
59 | }
60 |
--------------------------------------------------------------------------------
/src/app/api/user/Bio/route.ts:
--------------------------------------------------------------------------------
1 | import { NextRequest, NextResponse } from 'next/server';
2 | import { Bio } from '@/models/userBio';
3 | import { dbConnect } from '@/db/dbConnect';
4 | import JWT, { JwtPayload } from 'jsonwebtoken';
5 | import mongoose from 'mongoose';
6 |
7 | // connect db
8 | dbConnect();
9 |
10 | export async function POST(request: NextRequest, response: NextResponse) {
11 | try {
12 | const res = await request.json();
13 | const { bio, instagramLink, LinkedlnLink, githubLink } = await res;
14 |
15 | // find the user
16 | const token = (await request.cookies.get('token')?.value) || '';
17 |
18 | if (!token) {
19 | return NextResponse.json({ message: 'Please Login' }, { status: 400 });
20 | }
21 | const decrypt: JwtPayload = (await JWT.verify(
22 | token,
23 | process.env.SECERT_KEY!
24 | )) as JwtPayload;
25 |
26 | const createBio = new Bio({
27 | user: new mongoose.Types.ObjectId(decrypt.id),
28 | bio,
29 | instagramLink,
30 | LinkedlnLink,
31 | githubLink,
32 | });
33 |
34 | const savedBio = await createBio.save();
35 | // const bioData= {
36 | // bio,
37 | // instagramLink,
38 | // LinkedlnLink,
39 | // githubLink
40 |
41 | // }
42 |
43 | // const seetCookie = await JWT.sign(bioData,process.env.SECERT_KEY!, {
44 | // expiresIn: "1h",
45 | // })
46 |
47 | // response.cookies.set('bioToken',seetCookie,{
48 | // httpOnly:true
49 | // })
50 |
51 | if (!savedBio) {
52 | return NextResponse.json({ message: "can't bio" }, { status: 400 });
53 | }
54 | return NextResponse.json({ message: 'Bio Updated' }, { status: 200 });
55 | } catch (error: any) {
56 | console.log('error: ', error);
57 | }
58 | }
59 |
--------------------------------------------------------------------------------
/src/app/api/user/signin/route.ts:
--------------------------------------------------------------------------------
1 | import { NextRequest, NextResponse } from 'next/server';
2 | import { User } from '@/models/userModel';
3 | import { dbConnect } from '@/db/dbConnect';
4 | import bcrypt from 'bcryptjs'; // Changed to bcryptjs
5 | import { z } from 'zod';
6 |
7 | // Connect the database
8 | dbConnect();
9 |
10 | // Defining zod schema (no export here)
11 | const ZodValidation = z.object({
12 | email: z.string().email(),
13 | username: z.string(),
14 | password: z.string(),
15 | });
16 |
17 | // Post the data
18 | export async function POST(request: NextRequest) {
19 | // Get the user details
20 | try {
21 | const { email, username, password } = await request.json();
22 |
23 | // Inputs validation using zod
24 | if (!ZodValidation.safeParse({ email, username, password }).success) {
25 | return NextResponse.json(
26 | { message: 'Incorrect inputs' },
27 | { status: 401 }
28 | );
29 | }
30 |
31 | // Check if user exists
32 | const userExist = await User.findOne({ email });
33 |
34 | if (userExist) {
35 | return NextResponse.json({ message: 'User Exists' }, { status: 400 });
36 | }
37 |
38 | // Encrypt the password
39 | const hashedPassword = await bcrypt.hash(password, 10); // 10 is the salt rounds
40 |
41 | // Create and save the user
42 | const user = new User({
43 | email,
44 | username,
45 | password: hashedPassword,
46 | });
47 |
48 | await user.save();
49 |
50 | return NextResponse.json({ message: 'Success' }, { status: 200 });
51 | } catch (error: any) {
52 | console.error('Error:', error); // Log the error for debugging
53 | return NextResponse.json(
54 | { message: 'Internal Server Error' },
55 | { status: 500 }
56 | );
57 | }
58 | }
59 |
--------------------------------------------------------------------------------
/src/app/api/user/forgetpassword/route.ts:
--------------------------------------------------------------------------------
1 | import { NextRequest, NextResponse } from 'next/server';
2 | import { User } from '@/models/userModel';
3 | import { dbConnect } from '@/db/dbConnect';
4 | import JWT, { JwtPayload } from 'jsonwebtoken';
5 | import bcrypt from 'bcryptjs';
6 |
7 | dbConnect();
8 |
9 | export async function POST(request: NextRequest) {
10 | try {
11 | const { password, repassword } = await request.json();
12 | const token = request.cookies.get("token")?.value || "";
13 |
14 | if (!token) {
15 | return NextResponse.json({ message: "Please login first" }, { status: 401 });
16 | }
17 |
18 | const decrypt = JWT.verify(token, process.env.SECRET_KEY!) as JwtPayload;
19 | const userFind = await User.findById(decrypt.id);
20 |
21 | if (!userFind) {
22 | return NextResponse.json({ message: "User not found" }, { status: 404 });
23 | }
24 |
25 | if (password !== repassword) {
26 | return NextResponse.json({ message: "Passwords do not match" }, { status: 400 });
27 | }
28 |
29 | const isSamePassword = await bcrypt.compare(password, userFind.password);
30 | if (isSamePassword) {
31 | return NextResponse.json({ message: "New password cannot be the same as the old password" }, { status: 400 });
32 | }
33 |
34 | const hashedPassword = await bcrypt.hash(password, 10);
35 | const updatedUser = await User.findByIdAndUpdate(decrypt.id, { password: hashedPassword }, { new: true });
36 |
37 | if (!updatedUser) {
38 | return NextResponse.json({ message: "Server error, could not update password" }, { status: 500 });
39 | }
40 |
41 | return NextResponse.json({ message: "Password updated successfully" }, { status: 200 });
42 |
43 | } catch (error: any) {
44 | return NextResponse.json({ message: "An internal server error occurred" }, { status: 500 });
45 | }
46 | }
47 |
--------------------------------------------------------------------------------
/src/api/sendEmail.ts:
--------------------------------------------------------------------------------
1 | import nodemailer from 'nodemailer';
2 | import { NextApiRequest, NextApiResponse } from 'next';
3 |
4 | //Async Function to fetch registered user from database
5 | const getRegisteredUsers = async () => {
6 | // You can replace it with your database logic to fetch the registered users
7 | return [{ email: 'user@example.com' }];
8 | };
9 |
10 | //Async Function to fetch new blogs from database
11 | const getNewBlogs = async () => {
12 | // You can replace it with your database logic to fetch the new blogs
13 | return [{ title: 'New Blog Post 1', url: '/blog/1' }];
14 | };
15 |
16 | export default async function handler(
17 | req: NextApiRequest,
18 | res: NextApiResponse
19 | ) {
20 | try {
21 | const users = await getRegisteredUsers();
22 | const blogs = await getNewBlogs();
23 |
24 | const transporter = nodemailer.createTransport({
25 | service: 'your-service',
26 | auth: {
27 | //securely store your user and pass in .env file
28 | user: process.env.EMAIL,
29 | pass: process.env.PASSWORD,
30 | },
31 | });
32 |
33 | const emailPromises = users.map((user) => {
34 | transporter.sendMail({
35 | from: '"Your Blog"
9 |
22 |
10 |
12 |
13 |
18 | 14 | This is some informational text that you can use to show some 15 | warning content 16 |
17 |
19 |
21 | New Blogs Published!
41 |-
42 | ${blogs.map((blog) => `
- ${blog.title} `).join('')} 43 |
14 |
57 | 15 | Frequently Asked Questions 16 |
17 |
18 | {faqData.map((faq, index) => (
19 |
56 |
23 |
42 |
54 | ))}
55 |
49 |
53 | 50 | {faq.answer} 51 |
52 |
46 |
70 |
71 | );
72 | }
73 |
74 | export default Report;
75 |
--------------------------------------------------------------------------------
/src/app/forgetPassword/page.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 | import React from 'react';
3 | import { ArrowRight } from 'lucide-react';
4 |
5 | function ForgetPassword() {
6 | return (
7 |
47 |
53 | setData(e.target.value)}
59 | >
60 |
68 |
69 |
9 |
63 |
10 |
62 | 11 | Reset Your Password 12 |
13 | 14 | 61 |
60 |
79 | );
80 | };
81 |
82 | export default ScamList;
83 |
--------------------------------------------------------------------------------
/src/components/component/Cta.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 |
3 | import React, { useState } from 'react';
4 | import Image from 'next/image';
5 | import FAQ from './Faq';
6 |
7 | export default function Cta() {
8 | const [email, setEmail] = useState('');
9 | const [message, setMessage] = useState('');
10 |
11 | const handleSubscribe = (e: React.FormEvent
61 | {features.map((feature) => (
62 |
78 |
66 |
76 | ))}
77 |
67 | {feature.icon}
68 |
69 |
70 |
75 |
71 | {feature.title}
72 |
73 | {feature.description}
74 |
23 |
25 |
77 |
78 | );
79 | }
80 |
--------------------------------------------------------------------------------
/src/app/Blogs/[...slug]/page.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 |
3 | import axios from 'axios';
4 | import { useState, useEffect } from 'react';
5 | import Image from 'next/image';
6 | import Report from '@/components/component/Report';
7 | import parse from 'html-react-parser';
8 | import { CircleUserRound } from 'lucide-react';
9 |
10 | function Page({ params }: { params: { slug: string } }) {
11 | const [data, setData] = useState
26 |
76 |
27 |
75 |
28 |
43 |
44 | 45 | Become part of{' '} 46 | 47 | our Tech Community. 48 | 49 |
50 | 51 | {/* Subscription Form */} 52 | 71 | 72 | {/* Message Display */} 73 | {message &&{message}
} 74 |
76 |
125 |
77 |
94 |
78 |
79 |
83 | 80 | {data?.title} 81 |
82 |
84 |
92 | {parse(content)}
93 |
95 | {userComment.map(
96 | (
97 | el: {
98 | comment: string;
99 | },
100 | index
101 | ) => {
102 | return (
103 | <>
104 |
117 |
105 |
112 |
113 | );
114 | }
115 | )}
116 |
106 |
111 |
107 |
109 | {el?.comment}
110 |
118 | setComment(e.target.value)} />
119 |
120 |
121 |
122 |
124 | 
130 |
131 |
132 |
133 | 
134 |
135 |
136 | ## 👀 Our Contributors
137 |
138 | - We extend our heartfelt gratitude for your invaluable contribution to our project! Your efforts play a pivotal role in elevating ScamWebsiteV1 to greater heights.
139 | - Make sure you show some love by giving ⭐ to our repository.
140 |
141 |
142 |
143 | 
144 |
145 |
146 |
147 | **Happy Coding 💻 and we look forward to your contributions during **Hacktoberfest 2024**! 🎃**
148 |
--------------------------------------------------------------------------------
/src/components/component/BlogLayout.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 |
3 | import React, { useEffect, Suspense } from 'react';
4 | import Image from 'next/image';
5 | import Link from 'next/link';
6 | import axios from 'axios';
7 | import toast, { Toaster } from 'react-hot-toast';
8 | import {
9 | FacebookIcon,
10 | FacebookShareButton,
11 | LinkedinIcon,
12 | LinkedinShareButton,
13 | TwitterShareButton,
14 | WhatsappIcon,
15 | WhatsappShareButton,
16 | TwitterIcon,
17 | } from 'react-share';
18 | import { Drawer } from 'vaul';
19 |
20 | // This component will be responsible for fetching and displaying the like count
21 | async function LikeCount({ postId }: { postId: string }) {
22 | const res = await axios.post('/api/user/getlikes', { id: postId });
23 | const likes = res.data.data;
24 | return {likes.length}
;
25 | }
26 |
27 | export function BlogPage() {
28 | const [posts, setPosts] = React.useState([]);
29 |
30 | async function getBlogs() {
31 | try {
32 | const response = await axios.get('/api/user/giveBlogs');
33 | const { data } = await response.data;
34 | setPosts(data);
35 | } catch (error) {
36 | console.error('Error fetching blogs:', error);
37 | }
38 | }
39 |
40 | async function handleLikes(id: string) {
41 | try {
42 | const res = await axios.post('/api/user/postlike', { id });
43 | if (res) {
44 | toast.success('Thanks for liking');
45 | // Refresh the like count for this post
46 | getBlogs();
47 | }
48 | } catch (error: any) {
49 | if (
50 | error.response &&
51 | (error.response.status === 404 || error.response.status === 400)
52 | ) {
53 | toast.error('You already liked this post');
54 | } else {
55 | toast.error('Something went wrong');
56 | }
57 | }
58 | }
59 |
60 | useEffect(() => {
61 | getBlogs();
62 | }, []);
63 |
64 | return (
65 | <>
66 |
68 |
145 |
146 |
147 | );
148 | }
149 |
--------------------------------------------------------------------------------
/src/app/bio/page.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 |
3 | import React, { useEffect, useState } from 'react';
4 | import { ArrowRight } from 'lucide-react';
5 | import axios from 'axios';
6 | import { useRouter } from 'next/navigation';
7 | import { Toaster, toast } from 'react-hot-toast';
8 | function Page() {
9 | const [bio, setBio] = useState('');
10 | const [instagramLink, setLink] = useState('');
11 | const [LinkedlnLink, setSocial] = useState('');
12 | const [githubLink, setNextLink] = useState('');
13 | const [disabled, setDisabled] = useState(false);
14 | const router = useRouter();
15 |
16 | useEffect(() => {
17 | if (
18 | bio.length > 0 &&
19 | instagramLink.length > 0 &&
20 | LinkedlnLink.length > 0 &&
21 | githubLink.length > 0
22 | ) {
23 | setDisabled(false);
24 | } else {
25 | setDisabled(true);
26 | }
27 | }, [instagramLink, bio, LinkedlnLink, githubLink]);
28 |
29 | async function submitBio() {
30 | const res = await axios.post('/api/user/Bio', {
31 | bio,
32 | instagramLink,
33 | LinkedlnLink,
34 | githubLink,
35 | });
36 | const response = await res;
37 | if (!response) {
38 | toast.error('Not able to add Bios');
39 | } else {
40 | toast.success('Success');
41 | router.push('/');
42 | }
43 | }
44 | return (
45 | <>
46 |
69 | {posts.map(
70 | (post: {
71 | _id: string;
72 | category: string;
73 | title: string;
74 | user: string;
75 | imageUrl: string;
76 | }) => (
77 |
142 | )
143 | )}
144 |
78 |
79 |
109 |
110 |
111 |
112 |
113 |
115 |
138 |
139 |
140 |
141 |
80 |
88 |
89 |
90 |
97 |
98 | 91 | #{post.category} 92 |
93 |94 | {post.title} 95 |
96 |
99 |
105 | {/* Loading...
}>
106 |
116 |
117 |
137 |
118 |
119 | Share In media
120 |
121 |
136 |
122 |
123 |
125 |
126 |
128 |
129 |
131 |
132 |
134 |
135 |
49 |
144 |
50 |
51 |
143 | 52 | Add Your Bios 53 |
54 |
55 |
142 |
56 |
141 |
57 |
64 |
73 |
65 | setBio(e.target.value)}
67 | className="flex h-10 w-full rounded-md border border-gray-300 bg-transparent px-3 py-2 text-sm placeholder:text-gray-400 focus:outline-none focus:ring-1 focus:ring-gray-400 focus:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-50"
68 | type="text"
69 | placeholder="Add bios"
70 | />
71 |
72 |
74 |
92 |
75 |
82 |
83 |
84 | setLink(e.target.value)}
86 | className="flex h-10 w-full rounded-md border border-gray-300 bg-transparent px-3 py-2 text-sm placeholder:text-gray-400 focus:outline-none focus:ring-1 focus:ring-gray-400 focus:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-50"
87 | type="text"
88 | placeholder="Instagram profile Links"
89 | />
90 |
91 |
93 |
111 |
94 |
101 |
102 |
103 | setSocial(e.target.value)}
105 | className="flex h-10 w-full rounded-md border border-gray-300 bg-transparent px-3 py-2 text-sm placeholder:text-gray-400 focus:outline-none focus:ring-1 focus:ring-gray-400 focus:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-50"
106 | type="text"
107 | placeholder="Linkedln profile Links"
108 | />
109 |
110 |
112 |
130 |
113 |
120 |
121 |
122 | setNextLink(e.target.value)}
124 | className="flex h-10 w-full rounded-md border border-gray-300 bg-transparent px-3 py-2 text-sm placeholder:text-gray-400 focus:outline-none focus:ring-1 focus:ring-gray-400 focus:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-50"
125 | type="text"
126 | placeholder="Github profile Links"
127 | />
128 |
129 |
131 |
139 |
140 |
57 |
59 |
60 |
157 |
61 |
147 |
62 |
146 | 63 | Sign up 64 |
65 |66 | Already have an account?{' '} 67 | 72 | Sign In 73 | 74 |
75 | 145 |
148 |
156 |
51 |
53 |
55 |
152 |
56 |
142 |
57 |
141 | 58 | Log in 59 |
60 |61 | Don't have an account?{' '} 62 | 67 | Create a free account 68 | 69 |
70 |
71 |
140 |
72 |
139 |
73 |
80 |
90 |
81 | setEmail(e.target.value)}
87 | >
88 |
89 |
91 |
118 |
92 |
99 |
104 | {' '}
105 | Forgot password?{' '}
106 |
107 |
108 |
109 | setPassword(e.target.value)}
115 | >
116 |
117 |
119 | {loginLoading ? (
120 |
127 | ) : (
128 |
136 | )}
137 |
'
138 |
143 |
151 |
105 |
107 |
109 |
186 |
110 |
126 |
111 |
115 |
124 |
125 |
116 | setTitle(e.target.value)}
118 | className="flex h-10 w-full rounded-md border border-gray-300 bg-transparent px-3 py-2 text-sm placeholder:text-gray-400 focus:outline-none focus:ring-1 focus:ring-gray-400 focus:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-50"
119 | type="text"
120 | placeholder="Enter your Title"
121 | >
122 |
123 |
127 |
155 |
128 |
132 |
153 |
154 |
133 |
152 |
140 |
151 |
156 |
169 |
157 |
161 |
168 |
162 | {/* editor */}
163 |
167 |
164 |
165 |
166 |
170 |
185 |
171 |
175 |
184 |
176 | setcatgory(e.target.value)}
178 | className="flex h-10 w-full rounded-md border border-gray-300 bg-transparent px-3 py-2 text-sm placeholder:text-gray-400 focus:outline-none focus:ring-1 focus:ring-gray-400 focus:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-50"
179 | type="text"
180 | placeholder="Enter your Category"
181 | >
182 |
183 |
187 |
195 |
196 |
197 | );
198 | }
199 |
200 | export default Page;
201 |
--------------------------------------------------------------------------------
/src/app/about/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Image from 'next/image';
3 |
4 | import { MapPin } from 'lucide-react';
5 | const locations = [
6 | {
7 | title: 'Bengaluru office',
8 | timings: 'Mon-Sat 9am to 5pm.',
9 | address: '100, Electronic City Phase-1, Bengaluru, Karnataka 560100 IN',
10 | },
11 | {
12 | title: 'Head office',
13 | timings: 'Mon-Sat 9am to 5pm.',
14 | address: '12th Main Rd, Indiranagar, Bengaluru, Karnataka 560008 IN',
15 | },
16 | {
17 | title: 'Karnataka office',
18 | timings: 'Mon-Sat 9am to 5pm.',
19 | address:
20 | '42, Residency Rd, Shanthala Nagar, Ashok Nagar, Bengaluru, Karnataka 560025 IN',
21 | },
22 | ];
23 |
24 | const users = [
25 | {
26 | name: 'Gabrielle Fernandez',
27 | image:
28 | 'https://images.unsplash.com/photo-1531746020798-e6953c6e8e04?ixlib=rb-1.2.1&q=80&fm=jpg&crop=faces&fit=crop&h=600&w=600&ixid=eyJhcHBfaWQiOjE3Nzg0fQ',
29 | position: 'Marketing Lead',
30 | },
31 | {
32 | name: 'Victória Silva',
33 | image:
34 | 'https://images.generated.photos/vBRCiI_3UM4l40sU8s7fCwbJwzDwRTGpebzPkfHFsY4/rs:fit:512:512/czM6Ly9pY29uczgu/Z3Bob3Rvcy1wcm9k/LnBob3Rvcy92M18w/ODgyMTAyLmpwZw.jpg',
35 | position: 'Back-end developer',
36 | },
37 | {
38 | name: 'Gabrielle Fernandez',
39 | image:
40 | 'https://images.unsplash.com/photo-1549351512-c5e12b11e283?q=80&fm=jpg&crop=faces&fit=crop&h=600&w=600',
41 | position: 'Sales',
42 | },
43 | {
44 | name: 'Sadie Lewis',
45 | image:
46 | 'https://images.unsplash.com/photo-1485960994840-902a67e187c8?q=80&fm=jpg&crop=faces&fit=crop&h=600&w=600',
47 | position: 'Sales',
48 | },
49 | {
50 | name: 'Thilde Olaisen',
51 | image:
52 | 'https://images.pexels.com/photos/220453/pexels-photo-220453.jpeg?auto=compress&cs=tinysrgb&crop=faces&fit=crop&h=600&w=600',
53 | position: 'Marketing Lead',
54 | },
55 | {
56 | name: 'Deepika Ramesh',
57 | image:
58 | 'https://images.generated.photos/lEhPUYYfYr9IOt13WZZGf2zbXZnCYdU1wUp7gcu_99c/rs:fit:512:512/czM6Ly9pY29uczgu/Z3Bob3Rvcy1wcm9k/LnBob3Rvcy92M18w/Njg5NTQ5LmpwZw.jpg',
59 | position: 'Front-end developer',
60 | },
61 | {
62 | name: 'Jordi Santiago',
63 | image:
64 | 'https://images.pexels.com/photos/2269872/pexels-photo-2269872.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2',
65 | position: 'Front-end developer',
66 | },
67 | {
68 | name: 'Kerim Fahri',
69 | image:
70 | 'https://images.unsplash.com/photo-1456327102063-fb5054efe647?ixlib=rb-0.3.5&q=80&fm=jpg&crop=faces&fit=crop&h=600&w=600',
71 | position: 'Back-end developer',
72 | },
73 | ];
74 |
75 | function page() {
76 | return (
77 | <>
78 |
79 | {/* Hero Map */}
80 |
123 | {/* greetings */} 124 |
194 |
195 | );
196 | }
197 |
198 | export default page;
199 |
--------------------------------------------------------------------------------
/src/components/component/NavBar.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 | import React, { useEffect } from 'react';
3 | import { Menu, X } from 'lucide-react';
4 | import Link from 'next/link';
5 | import { useAuthStore } from '@/context/useAuthStore';
6 |
7 | const menuItems = [
8 | {
9 | name: 'Home',
10 | href: '/',
11 | },
12 | {
13 | name: 'Feed',
14 | href: '/trend',
15 | },
16 | {
17 | name: 'About',
18 | href: '/about',
19 | },
20 | {
21 | name: 'Contact',
22 | href: '/contact',
23 | },
24 | {
25 | name: 'Profile',
26 | href: '/profile',
27 | },
28 | ];
29 |
30 | export function NavBar() {
31 | const isAuthenticated = useAuthStore((state: any) => state.isAuthenticated);
32 | const [isMenuOpen, setIsMenuOpen] = React.useState(false);
33 | const [state, setState] = React.useState('Log In');
34 |
35 | useEffect(() => {
36 | setState(isAuthenticated ? 'Log Out' : 'Log In');
37 | }, [isAuthenticated]);
38 |
39 | const toggleMenu = () => {
40 | setIsMenuOpen(!isMenuOpen);
41 | };
42 | return (
43 |
81 |
95 |
82 |
86 | 83 | About the company 84 |
85 |87 | Made with love, right here in India 88 |
89 |90 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore 91 | veritatis voluptates neque itaque repudiandae sint, explicabo 92 | assumenda quam ratione placeat? 93 |
94 |
96 |
104 | {/* locations */}
105 |
106 | {locations.map((location) => (
107 |
122 |
111 |
120 | ))}
121 | 113 | {location.title} 114 |
115 |116 | {location.timings} 117 |
118 |{location.address}
119 |123 | {/* greetings */} 124 |
125 |
142 | {/* TEAM */}
143 |
126 |
141 |
127 |
131 | 128 | Join Us → 129 |
130 |132 | Meet our team 133 |
134 |135 | Our philosophy is simple — hire a team of diverse, passionate 136 | people and foster a culture that empowers you to do your best 137 | work. 138 |
139 | 140 |
144 | {users.map((user) => (
145 |
162 | {/* Hiring Banner */}
163 |
146 |
160 | ))}
161 | 154 | {user.name} 155 |
156 |157 | {user.position} 158 |
159 |
164 |
193 |
165 |
183 | 166 | Join our team → 167 |
168 |169 | We're just getting started 170 |
171 |172 | Our philosophy is simple — hire a team of diverse, passionate 173 | people and foster a culture that empowers you to do your best 174 | work. 175 |
176 | 182 |
184 |
192 |
44 |
151 | );
152 | }
153 |
--------------------------------------------------------------------------------
/src/app/contact/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Image from 'next/image';
3 | const locations = [
4 | {
5 | title: 'Bengaluru office',
6 | timings: 'Mon-Sat 9am to 5pm.',
7 | address: '100, Electronic City Phase-1, Bengaluru, Karnataka 560100 IN',
8 | },
9 | {
10 | title: 'Head office',
11 | timings: 'Mon-Sat 9am to 5pm.',
12 | address: '12th Main Rd, Indiranagar, Bengaluru, Karnataka 560008 IN',
13 | },
14 | {
15 | title: 'Karnataka office',
16 | timings: 'Mon-Sat 9am to 5pm.',
17 | address:
18 | '42, Residency Rd, Shanthala Nagar, Ashok Nagar, Bengaluru, Karnataka 560025 IN',
19 | },
20 | ];
21 |
22 | function page() {
23 | return (
24 | <>
25 |
45 |
150 |
46 |
47 |
59 |
60 | Scam Site
61 |
62 |
63 |
76 | -
64 | {menuItems.map((item) => (
65 |
- 66 | 70 | {item.name} 71 | 72 | 73 | ))} 74 |
77 |
78 |
84 |
85 |
86 |
87 |
88 |
89 | {isMenuOpen && (
90 |
91 |
148 | )}
149 |
92 |
147 |
93 |
146 |
94 |
122 |
95 |
96 |
108 |
109 | DevUI
110 |
111 |
112 |
120 |
121 |
123 |
136 |
137 |
138 |
144 |
145 |
26 |
129 | {/* Address */}
130 |
27 |
128 |
28 | {/* contact from */}
29 |
127 |
30 |
119 |
31 |
118 | 32 | Get in touch 33 |
34 |35 | Our friendly team would love to hear from you. 36 |
37 | 117 |
131 |
164 |
165 | );
166 | }
167 |
168 | export default page;
169 |
--------------------------------------------------------------------------------
/src/app/profile/page.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 |
3 | import React from 'react';
4 | import Link from 'next/link';
5 | import axios from 'axios';
6 | import toast, { Toaster } from 'react-hot-toast';
7 | import { useRouter } from 'next/navigation';
8 | import Image from 'next/image';
9 | import { useAuthStore } from '@/context/useAuthStore';
10 | const posts = [
11 | {
12 | category: 'Design',
13 | title: '10 Tips for Crafting the Perfect UX Portfolio',
14 | description:
15 | 'Learn how to showcase your design skills and stand out in a crowded job market.',
16 | author: 'Emily Lee',
17 | date: '3 April 2023',
18 | avatar:
19 | 'https://www.uifaces.co/wp-content/uploads/2022/01/uifaces-logo.svg',
20 | poster:
21 | 'https://images.unsplash.com/photo-1573164713714-d95e436ab8d6?ixlib=rb-4.0.3&auto=format&fit=crop&w=1469&q=80',
22 | },
23 | {
24 | category: 'Technology',
25 | title: 'The Future of Mobile App Development',
26 | description:
27 | 'Discover the latest trends and techniques that will shape the future of mobile app development.',
28 | author: 'John Smith',
29 | date: '1 April 2023',
30 | avatar: 'https://randomuser.me/api/portraits/men/32.jpg',
31 | poster:
32 | 'https://images.unsplash.com/photo-1618761714954-0b8cd0026356?ixlib=rb-4.0.3&auto=format&fit=crop&w=1170&q=80',
33 | },
34 | {
35 | category: 'Business',
36 | title: 'How to Launch a Successful Startup',
37 | description:
38 | 'Learn the essential steps to launch a successful startup and make your dreams a reality.',
39 | author: 'Sarah Brown',
40 | date: '28 March 2023',
41 | avatar: 'https://randomuser.me/api/portraits/women/44.jpg',
42 | poster:
43 | 'https://images.unsplash.com/photo-1559136555-9303baea8ebd?ixlib=rb-4.0.3&auto=format&fit=crop&w=1470&q=80',
44 | },
45 | {
46 | category: 'Health',
47 | title: 'The Benefits of Mindfulness Meditation',
48 | description:
49 | 'Discover the scientifically proven benefits of mindfulness meditation and how it can improve your health and wellbeing.',
50 | author: 'David Kim',
51 | date: '25 March 2023',
52 | avatar: 'https://randomuser.me/api/portraits/men/46.jpg',
53 | poster:
54 | 'https://images.unsplash.com/photo-1591228127791-8e2eaef098d3?ixlib=rb-4.0.3&auto=format&fit=crop&w=1470&q=80',
55 | },
56 | {
57 | category: 'Education',
58 | title: 'Why Learning a Second Language is Important',
59 | description:
60 | 'Explore the benefits of learning a second language and how it can improve your cognitive abilities.',
61 | author: 'Maria Rodriguez',
62 | date: '22 March 2023',
63 | avatar: 'https://randomuser.me/api/portraits/men/97.jpg',
64 | poster:
65 | 'https://images.unsplash.com/photo-1634128221889-82ed6efebfc3?ixlib=rb-4.0.3&auto=format&fit=crop&w=1470&q=80',
66 | },
67 | {
68 | category: 'Travel',
69 | title: 'The Best Places to Visit in Europe',
70 | description:
71 | 'Discover the top destinations in Europe and plan your dream vacation.',
72 | author: 'Alex Johnson',
73 | date: '19 March 2023',
74 | avatar: 'https://randomuser.me/api/portraits/men/99.jpg',
75 | poster:
76 | 'https://images.unsplash.com/photo-1663616132598-e9a1ee3ad186?ixlib=rb-4.0.3&auto=format&fit=crop&w=1470&q=80',
77 | },
78 | {
79 | category: 'Food',
80 | title: 'How to Make the Perfect Cup of Coffee',
81 | description:
82 | 'Learn the secrets to making the perfect cup of coffee and impress your friends and family.',
83 | author: 'Thomas Lee',
84 | date: '16 March 2023',
85 | avatar: 'https://randomuser.me/api/portraits/women/63.jpg',
86 | poster:
87 | 'https://images.unsplash.com/photo-1426260193283-c4daed7c2024?ixlib=rb-4.0.3&auto=format&fit=crop&w=1476&q=80',
88 | },
89 | {
90 | category: 'Fashion',
91 | title: 'The Latest Fashion Trends for Spring 2023',
92 | description:
93 | 'Discover the hottest fashion trends for the upcoming spring season and stay ahead of the curve.',
94 | author: 'Jessica Kim',
95 | date: '13 March 2023',
96 | avatar: 'https://randomuser.me/api/portraits/women/47.jpg',
97 | poster:
98 | 'https://images.unsplash.com/photo-1470240731273-7821a6eeb6bd?ixlib=rb-4.0.3&auto=format&fit=crop&w=1470&q=80',
99 | },
100 | {
101 | category: 'Sports',
102 | title: 'The Benefits of Yoga for Athletes',
103 | description:
104 | 'Learn how practicing yoga can improve your athletic performance and prevent injuries.',
105 | author: 'Michael Johnson',
106 | date: '10 March 2023',
107 | avatar: 'https://randomuser.me/api/portraits/men/86.jpg',
108 | poster:
109 | 'https://plus.unsplash.com/premium_photo-1663012880499-47f1ca50459d?ixlib=rb-4.0.3&auto=format&fit=crop&w=1470&q=80',
110 | },
111 | ];
112 |
113 | function Page() {
114 | const [user, setUser] = React.useState('');
115 | const [bio, setBio] = React.useState([]);
116 | const logout = useAuthStore((state: any) => state.logout);
117 | React.useEffect(() => {
118 | getUser();
119 | getBio();
120 | }, []);
121 |
122 | const Router = useRouter();
123 | async function LogOut() {
124 | const response = await axios.get('/api/user/logout');
125 | if (!response) {
126 | toast.error('Error');
127 | } else {
128 | logout();
129 | toast.success('Log Out');
130 | Router.push('/login');
131 | }
132 | }
133 |
134 | const getUser = React.useCallback(async () => {
135 | try {
136 | const response = await axios.get('/api/user/profile');
137 | const { data } = await response;
138 |
139 | if (!data) {
140 | setUser('Not getting the profile');
141 | } else {
142 | setUser(data.data);
143 | }
144 | } catch (err) {
145 | setUser('');
146 | }
147 | }, [user]);
148 |
149 | const getBio = React.useCallback(async () => {
150 | try {
151 | const userBioResponse = await axios.get('/api/user/getBio');
152 | const { data } = await userBioResponse;
153 | if (!data) {
154 | toast.error('Something Went Wrong');
155 | } else {
156 | setBio(data.data);
157 | }
158 | } catch (error) {
159 | setBio([]);
160 | }
161 | }, [bio]);
162 |
163 | return (
164 |
132 |
163 |
133 |
162 |
134 |
161 |
135 |
142 | 136 | Our Offices 137 |
138 |139 | Find us at these locations. 140 |
141 |
143 | {locations.map((location) => (
144 |
160 |
148 |
158 | ))}
159 | 149 | {location.title} 150 |
151 |152 | {location.timings} 153 |
154 |155 | {location.address} 156 |
157 |
165 |
274 | );
275 | }
276 |
277 | export default Page;
278 |
--------------------------------------------------------------------------------
/src/components/ui/sparkles.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 | import type { NextPage } from 'next';
3 | import React from 'react';
4 | import { useEffect, useState } from 'react';
5 | import Particles, { initParticlesEngine } from '@tsparticles/react';
6 | import type { Container, Engine } from '@tsparticles/engine';
7 | import { loadSlim } from '@tsparticles/slim';
8 | import { cn } from '@/utils/cn';
9 | import { motion, useAnimation } from 'framer-motion';
10 |
11 | type ParticlesProps = {
12 | id?: string;
13 | className?: string;
14 | background?: string;
15 | particleSize?: number;
16 | minSize?: number;
17 | maxSize?: number;
18 | speed?: number;
19 | particleColor?: string;
20 | particleDensity?: number;
21 | };
22 | export const SparklesCore = (props: ParticlesProps) => {
23 | const {
24 | id,
25 | className,
26 | background,
27 | minSize,
28 | maxSize,
29 | speed,
30 | particleColor,
31 | particleDensity,
32 | } = props;
33 | const [init, setInit] = useState(false);
34 | useEffect(() => {
35 | initParticlesEngine(async (engine) => {
36 | await loadSlim(engine);
37 | }).then(() => {
38 | setInit(true);
39 | });
40 | }, []);
41 | const controls = useAnimation();
42 |
43 | const particlesLoaded = async (container?: Container) => {
44 | if (container) {
45 | console.log(container);
46 | controls.start({
47 | opacity: 1,
48 | transition: {
49 | duration: 1,
50 | },
51 | });
52 | }
53 | };
54 |
55 | return (
56 |
166 |
168 |
169 |
180 |
170 |
179 |
171 |
178 | 172 | Welcome to Scam site 173 |
174 |175 | Hi, {user} 176 |
177 |
181 |
198 |
199 |
182 | {bio.map((el: { bio: string }, i) => {
183 | return (
184 |
197 |
185 |
194 | );
195 | })}
196 |
200 |
201 |
207 |
208 |
209 |
216 |
217 |
218 |
224 |
225 |
226 | {/* Your Blogs */}
227 |
228 |
273 | Your Blogs
229 |
230 |
272 |
231 | {posts.map((post) => (
232 |
271 |
233 |
269 | ))}
270 |
241 |
268 | 242 | #{post.category} 243 |
244 |245 | {post.title} 246 |
247 |248 | {post.description} 249 |
250 |
251 |
267 |
259 |
266 | 260 | {post.author} 261 |
262 |263 | {post.date} 264 |
265 |
385 |
421 | );
422 | }
423 |
--------------------------------------------------------------------------------
386 | {features.slice(0, showAll ? features.length : 8).map((feature) => (
387 |
400 | {!showAll && (
401 |
388 |
398 | ))}
399 |
391 | {feature.icon}
392 |
393 | 394 | {feature.title} 395 |
396 |{feature.description}
397 |
402 |
408 |
409 | )}
410 | {showAll && (
411 |
412 |
418 |
419 | )}
420 |