Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Modified navbar, hero and footer section #28

Open
wants to merge 50 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
50 commits
Select commit Hold shift + click to select a range
4385e84
codesphere
umarimran1234 Aug 26, 2024
59fa397
update profile
umarimran1234 Aug 26, 2024
2654b88
Changed image relative location
Md-Ashikur-Rahman-Ashik Aug 27, 2024
80e9daf
Installed next-auth
Md-Ashikur-Rahman-Ashik Aug 27, 2024
81e451c
Adding handler on next-auth
Md-Ashikur-Rahman-Ashik Aug 27, 2024
437e942
Adding strategy and providers
Md-Ashikur-Rahman-Ashik Aug 27, 2024
3efe631
Added register function
Md-Ashikur-Rahman-Ashik Aug 27, 2024
b3b11d0
Adding form component
Md-Ashikur-Rahman-Ashik Aug 27, 2024
8e25e92
Customizing register page
Md-Ashikur-Rahman-Ashik Aug 27, 2024
20b2a38
Adding login form component
Md-Ashikur-Rahman-Ashik Aug 27, 2024
deaf01c
Connected to mongodb
Md-Ashikur-Rahman-Ashik Aug 27, 2024
c9f176f
Added auth provider on layout.tsx file
Md-Ashikur-Rahman-Ashik Aug 27, 2024
0151878
Added post api for new user
Md-Ashikur-Rahman-Ashik Aug 27, 2024
af8d9e6
Fixed connection with mongodb
Md-Ashikur-Rahman-Ashik Aug 27, 2024
e9bddb7
Added bcrypt for password hashing
Md-Ashikur-Rahman-Ashik Aug 27, 2024
c32335c
Added user signup
Md-Ashikur-Rahman-Ashik Aug 27, 2024
9d0be34
Merge pull request #1 from umarimran1234/authentication
umarimran1234 Aug 27, 2024
73cf600
Added login logic
Md-Ashikur-Rahman-Ashik Aug 28, 2024
b009125
Added logout functionality
Md-Ashikur-Rahman-Ashik Aug 28, 2024
127efa2
Added redirection from sign in
Md-Ashikur-Rahman-Ashik Aug 28, 2024
b59dcab
Implemented sweet alert
Md-Ashikur-Rahman-Ashik Aug 28, 2024
4470729
Added alert for error
Md-Ashikur-Rahman-Ashik Aug 28, 2024
c06c714
Added social button component
Md-Ashikur-Rahman-Ashik Aug 28, 2024
1151633
Implemented username
Md-Ashikur-Rahman-Ashik Aug 28, 2024
a6cb2b0
Trying to fix google authentication
Md-Ashikur-Rahman-Ashik Aug 28, 2024
19d82f6
Added team in home page
Md-Ashikur-Rahman-Ashik Aug 28, 2024
94074ec
Added team page
Md-Ashikur-Rahman-Ashik Aug 28, 2024
a83ef62
Merge pull request #2 from umarimran1234/authentication
umarimran1234 Aug 28, 2024
87c6a59
update
UmarArshad-DT Aug 28, 2024
bdf182d
marge
UmarArshad-DT Aug 28, 2024
4ef70ba
Added new team member
Md-Ashikur-Rahman-Ashik Aug 28, 2024
1367b45
Merge pull request #3 from umarimran1234/authentication
umarimran1234 Aug 28, 2024
84bd25b
update
UmarArshad-DT Aug 28, 2024
9490059
Merge branch 'main' of https://github.com/umarimran1234/startup-nextjs
UmarArshad-DT Aug 28, 2024
bc0f488
Implementing google authentication
Md-Ashikur-Rahman-Ashik Sep 4, 2024
c8cc1d2
Implemented google authentication
Md-Ashikur-Rahman-Ashik Sep 4, 2024
3e63b5e
Implemented google authentication
Md-Ashikur-Rahman-Ashik Sep 4, 2024
bff87bd
updatecodesphere
UmarArshad-DT Sep 4, 2024
3d5fc10
Update README.md
umarimran1234 Sep 6, 2024
5e2fbd0
Made border radius large
Md-Ashikur-Rahman-Ashik Sep 16, 2024
30f2641
Added background image on hero section
Md-Ashikur-Rahman-Ashik Sep 16, 2024
8fcb7d5
Changed sign in and sign up navlink color
Md-Ashikur-Rahman-Ashik Sep 16, 2024
115226f
Mofied navbar
Md-Ashikur-Rahman-Ashik Sep 16, 2024
ec282e1
Mofied footer section
Md-Ashikur-Rahman-Ashik Sep 16, 2024
96a93c3
Added signup form on home page
Md-Ashikur-Rahman-Ashik Sep 16, 2024
392bbb0
Removed shanza rafiq from team section
Md-Ashikur-Rahman-Ashik Sep 16, 2024
c698f06
Merge branch 'main' into authentication
Md-Ashikur-Rahman-Ashik Sep 16, 2024
70598f4
update
umarimran1234 Oct 8, 2024
07656c2
update
umarimran1234 Oct 8, 2024
244f8fb
Merge branch 'main' into authentication
umarimran1234 Oct 8, 2024
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Adding login form component
  • Loading branch information
Md-Ashikur-Rahman-Ashik committed Aug 27, 2024
commit 20b2a38bbd2d9cf038177b4d67cd69b61e1db029
80 changes: 2 additions & 78 deletions src/app/signin/page.tsx
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
import Link from "next/link";

import { Metadata } from "next";
import LoginForm from "@/components/LoginForm";

export const metadata: Metadata = {
title: "Sign In Page | Free Next.js Template for Startup and SaaS",
Expand Down Expand Up @@ -80,84 +81,7 @@ const SigninPage = () => {
</p>
<span className="hidden h-[1px] w-full max-w-[70px] bg-body-color/50 sm:block"></span>
</div>
<form>
<div className="mb-8">
<label
htmlFor="email"
className="mb-3 block text-sm text-dark dark:text-white"
>
Your Email
</label>
<input
type="email"
name="email"
placeholder="Enter your Email"
className="border-stroke w-full rounded-sm border bg-[#f8f8f8] px-6 py-3 text-base text-body-color outline-none transition-all duration-300 focus:border-primary dark:border-transparent dark:bg-[#2C303B] dark:text-body-color-dark dark:shadow-two dark:focus:border-primary dark:focus:shadow-none"
/>
</div>
<div className="mb-8">
<label
htmlFor="password"
className="mb-3 block text-sm text-dark dark:text-white"
>
Your Password
</label>
<input
type="password"
name="password"
placeholder="Enter your Password"
className="border-stroke w-full rounded-sm border bg-[#f8f8f8] px-6 py-3 text-base text-body-color outline-none transition-all duration-300 focus:border-primary dark:border-transparent dark:bg-[#2C303B] dark:text-body-color-dark dark:shadow-two dark:focus:border-primary dark:focus:shadow-none"
/>
</div>
<div className="mb-8 flex flex-col justify-between sm:flex-row sm:items-center">
<div className="mb-4 sm:mb-0">
<label
htmlFor="checkboxLabel"
className="flex cursor-pointer select-none items-center text-sm font-medium text-body-color"
>
<div className="relative">
<input
type="checkbox"
id="checkboxLabel"
className="sr-only"
/>
<div className="box mr-4 flex h-5 w-5 items-center justify-center rounded border border-body-color border-opacity-20 dark:border-white dark:border-opacity-10">
<span className="opacity-0">
<svg
width="11"
height="8"
viewBox="0 0 11 8"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10.0915 0.951972L10.0867 0.946075L10.0813 0.940568C9.90076 0.753564 9.61034 0.753146 9.42927 0.939309L4.16201 6.22962L1.58507 3.63469C1.40401 3.44841 1.11351 3.44879 0.932892 3.63584C0.755703 3.81933 0.755703 4.10875 0.932892 4.29224L0.932878 4.29225L0.934851 4.29424L3.58046 6.95832C3.73676 7.11955 3.94983 7.2 4.1473 7.2C4.36196 7.2 4.55963 7.11773 4.71406 6.9584L10.0468 1.60234C10.2436 1.4199 10.2421 1.1339 10.0915 0.951972ZM4.2327 6.30081L4.2317 6.2998C4.23206 6.30015 4.23237 6.30049 4.23269 6.30082L4.2327 6.30081Z"
fill="#3056D3"
stroke="#3056D3"
strokeWidth="0.4"
/>
</svg>
</span>
</div>
</div>
Keep me signed in
</label>
</div>
<div>
<a
href="#0"
className="text-sm font-medium text-primary hover:underline"
>
Forgot Password?
</a>
</div>
</div>
<div className="mb-6">
<button className="flex w-full items-center justify-center rounded-sm bg-primary px-9 py-4 text-base font-medium text-white shadow-submit duration-300 hover:bg-primary/90 dark:shadow-submit-dark">
Sign in
</button>
</div>
</form>
<LoginForm></LoginForm>
<p className="text-center text-base font-medium text-body-color">
Don’t you have an account?{" "}
<Link href="/signup" className="text-primary hover:underline">
Expand Down
88 changes: 88 additions & 0 deletions src/components/LoginForm/index.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,88 @@
"use client";
import React from "react";

const LoginForm = () => {
const handleLogin = async () => {};

return (
<form onSubmit={handleLogin}>
<div className="mb-8">
<label
htmlFor="email"
className="mb-3 block text-sm text-dark dark:text-white"
>
Your Email
</label>
<input
type="email"
name="email"
placeholder="Enter your Email"
className="border-stroke w-full rounded-sm border bg-[#f8f8f8] px-6 py-3 text-base text-body-color outline-none transition-all duration-300 focus:border-primary dark:border-transparent dark:bg-[#2C303B] dark:text-body-color-dark dark:shadow-two dark:focus:border-primary dark:focus:shadow-none"
/>
</div>
<div className="mb-8">
<label
htmlFor="password"
className="mb-3 block text-sm text-dark dark:text-white"
>
Your Password
</label>
<input
type="password"
name="password"
placeholder="Enter your Password"
className="border-stroke w-full rounded-sm border bg-[#f8f8f8] px-6 py-3 text-base text-body-color outline-none transition-all duration-300 focus:border-primary dark:border-transparent dark:bg-[#2C303B] dark:text-body-color-dark dark:shadow-two dark:focus:border-primary dark:focus:shadow-none"
/>
</div>
<div className="mb-8 flex flex-col justify-between sm:flex-row sm:items-center">
<div className="mb-4 sm:mb-0">
<label
htmlFor="checkboxLabel"
className="flex cursor-pointer select-none items-center text-sm font-medium text-body-color"
>
<div className="relative">
<input type="checkbox" id="checkboxLabel" className="sr-only" />
<div className="box mr-4 flex h-5 w-5 items-center justify-center rounded border border-body-color border-opacity-20 dark:border-white dark:border-opacity-10">
<span className="opacity-0">
<svg
width="11"
height="8"
viewBox="0 0 11 8"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M10.0915 0.951972L10.0867 0.946075L10.0813 0.940568C9.90076 0.753564 9.61034 0.753146 9.42927 0.939309L4.16201 6.22962L1.58507 3.63469C1.40401 3.44841 1.11351 3.44879 0.932892 3.63584C0.755703 3.81933 0.755703 4.10875 0.932892 4.29224L0.932878 4.29225L0.934851 4.29424L3.58046 6.95832C3.73676 7.11955 3.94983 7.2 4.1473 7.2C4.36196 7.2 4.55963 7.11773 4.71406 6.9584L10.0468 1.60234C10.2436 1.4199 10.2421 1.1339 10.0915 0.951972ZM4.2327 6.30081L4.2317 6.2998C4.23206 6.30015 4.23237 6.30049 4.23269 6.30082L4.2327 6.30081Z"
fill="#3056D3"
stroke="#3056D3"
strokeWidth="0.4"
/>
</svg>
</span>
</div>
</div>
Keep me signed in
</label>
</div>
<div>
<a
href="#0"
className="text-sm font-medium text-primary hover:underline"
>
Forgot Password?
</a>
</div>
</div>
<div className="mb-6">
<button
type="submit"
className="flex w-full items-center justify-center rounded-sm bg-primary px-9 py-4 text-base font-medium text-white shadow-submit duration-300 hover:bg-primary/90 dark:shadow-submit-dark"
>
Sign in
</button>
</div>
</form>
);
};

export default LoginForm;