Skip to content

Commit 22b99da

Browse files
trydevemanishtrydevemanish
committed
front-part completed
0 parents  commit 22b99da

19 files changed

+4894
-0
lines changed

‎.eslintrc.json

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"extends": "next/core-web-vitals"
3+
}

‎.gitignore

+36
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2+
3+
# dependencies
4+
/node_modules
5+
/.pnp
6+
.pnp.js
7+
.yarn/install-state.gz
8+
9+
# testing
10+
/coverage
11+
12+
# next.js
13+
/.next/
14+
/out/
15+
16+
# production
17+
/build
18+
19+
# misc
20+
.DS_Store
21+
*.pem
22+
23+
# debug
24+
npm-debug.log*
25+
yarn-debug.log*
26+
yarn-error.log*
27+
28+
# local env files
29+
.env*.local
30+
31+
# vercel
32+
.vercel
33+
34+
# typescript
35+
*.tsbuildinfo
36+
next-env.d.ts

‎README.md

+36
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
2+
3+
## Getting Started
4+
5+
First, run the development server:
6+
7+
```bash
8+
npm run dev
9+
# or
10+
yarn dev
11+
# or
12+
pnpm dev
13+
# or
14+
bun dev
15+
```
16+
17+
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
18+
19+
You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
20+
21+
This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
22+
23+
## Learn More
24+
25+
To learn more about Next.js, take a look at the following resources:
26+
27+
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
28+
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
29+
30+
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
31+
32+
## Deploy on Vercel
33+
34+
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
35+
36+
Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

‎app/createBlog/page.tsx

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
import React from 'react'
2+
3+
export default function page() {
4+
return (
5+
<div>
6+
this is a component
7+
</div>
8+
)
9+
}

‎app/globals.css

+62
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
@tailwind base;
2+
@tailwind components;
3+
@tailwind utilities;
4+
5+
:root {
6+
--bg :#000000 ;
7+
--text-color :#FFFFFF ;
8+
--input-box-bg-color : #F3F3F3;
9+
}
10+
11+
body{
12+
margin: 0;
13+
box-sizing: border-box;
14+
padding : 0;
15+
min-height: 100vh;
16+
}
17+
18+
.btn{
19+
background-color: var(--bg);
20+
color: var(--text-color);
21+
font-size: 10px;
22+
text-align: center;
23+
border-radius: 6px;
24+
cursor: pointer;
25+
}
26+
27+
.input{
28+
background-color: var(--input-box-bg-color) ;
29+
color: var(--bg);
30+
font-size: 10px;
31+
padding: 6px 5px 6px 3px;
32+
}
33+
34+
/* :root {
35+
--foreground-rgb: 0, 0, 0;
36+
--background-start-rgb: 214, 219, 220;
37+
--background-end-rgb: 255, 255, 255;
38+
}
39+
40+
@media (prefers-color-scheme: dark) {
41+
:root {
42+
--foreground-rgb: 255, 255, 255;
43+
--background-start-rgb: 0, 0, 0;
44+
--background-end-rgb: 0, 0, 0;
45+
}
46+
}
47+
48+
body {
49+
color: rgb(var(--foreground-rgb));
50+
background: linear-gradient(
51+
to bottom,
52+
transparent,
53+
rgb(var(--background-end-rgb))
54+
)
55+
rgb(var(--background-start-rgb));
56+
}
57+
58+
@layer utilities {
59+
.text-balance {
60+
text-wrap: balance;
61+
}
62+
} */

‎app/layout.tsx

+22
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
import type { Metadata } from "next";
2+
import { Inter } from "next/font/google";
3+
import "./globals.css";
4+
5+
const inter = Inter({ subsets: ["latin"] });
6+
7+
export const metadata: Metadata = {
8+
title: "thoughtcraft",
9+
description: "crafting my thought in text",
10+
};
11+
12+
export default function RootLayout({
13+
children,
14+
}: Readonly<{
15+
children: React.ReactNode;
16+
}>) {
17+
return (
18+
<html lang="en">
19+
<body className={inter.className}>{children}</body>
20+
</html>
21+
);
22+
}

‎app/page.tsx

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
import All from "@/components/All";
2+
3+
export default function Home() {
4+
return (
5+
<main >
6+
<All />
7+
</main>
8+
);
9+
}

‎components/All.tsx

+24
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
import Navbar from './Navbar'
2+
import NewBlog from './NewBlog'
3+
import Allblog from './AllBlog'
4+
import Newsletter from './Newsletter'
5+
import Profile from './Profile'
6+
7+
export default function All() {
8+
return (
9+
<>
10+
<Navbar />
11+
<div className='ml-28 mr-28 border-x border-black pl-2'>
12+
<Profile />
13+
<div className='grid grid-cols-2 gap-6'>
14+
<div className='flex flex-col gap-5'>
15+
<NewBlog />
16+
<Newsletter />
17+
</div>
18+
<Allblog />
19+
</div>
20+
21+
</div>
22+
</>
23+
)
24+
}

‎components/AllBlog.tsx

+29
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
import React from 'react'
2+
3+
export default function AllBlog() {
4+
return (
5+
<div className='flex flex-col gap-5'>
6+
7+
<div className='flex justify-between text-wrap gap-3 overflow-hidden'>
8+
<img src="#" alt="All-blogs" />
9+
<div className='flex flex-col gap-2'>
10+
<p className='text-sm' >21-01-2023</p>
11+
<h2 className='text-base font-semibold'>title thats what will be here</h2>
12+
<p className='text-xs opacity-70'>Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores sunt natus libero</p>
13+
<button className='btn w-16 pt-1 pb-1 pl-3 pr-3'>Dive in</button>
14+
</div>
15+
</div>
16+
17+
<div className='flex justify-between text-wrap gap-3 overflow-hidden'>
18+
<img src="#" alt="All-blogs" />
19+
<div className='flex flex-col gap-2'>
20+
<p className='text-sm' >21-01-2023</p>
21+
<h2 className='text-base font-semibold'>title thats what will be here</h2>
22+
<p className='text-xs opacity-70'>Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores sunt natus libero</p>
23+
<button className='btn w-16 pt-1 pb-1 pl-3 pr-3'>Dive in</button>
24+
</div>
25+
</div>
26+
27+
</div>
28+
)
29+
}

‎components/Navbar.tsx

+25
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
import React from 'react'
2+
3+
export default function Navbar() {
4+
5+
return (
6+
<div className='flex justify-between p-2'>
7+
8+
{/* for logo and logoname */}
9+
<div className='flex gap-3'>
10+
<img src='#' alt='logo'/>
11+
<p>thoughtCraft</p>
12+
</div>
13+
14+
{/* for list items */}
15+
<ul className='flex gap-4 text-sm items-center'>
16+
<li className='cursor-pointer'>toggle</li>
17+
<li className='cursor-pointer'>All</li>
18+
<li className='cursor-pointer'>Blogs</li>
19+
<li className='cursor-pointer' >createBlog</li>
20+
<button className='btn pt-1 pb-1 pl-3 pr-3'>Login</button>
21+
</ul>
22+
23+
</div>
24+
)
25+
}

‎components/NewBlog.tsx

+14
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
import React from 'react'
2+
3+
export default function NewBlog() {
4+
return (
5+
<div>
6+
<img src='#' alt='recently added Image' />
7+
<div className='flex flex-col gap-2'>
8+
<h2 className='text-base font-semibold'>This is title of the image</h2>
9+
<p className='text-sm opacity-75'>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Consequatur nobis quis nostrum sunt odit elit. Consequatur nobis quis nostrum sunt odit .</p>
10+
<button className='btn w-16 pt-1 pb-1 pl-3 pr-3'>Dive in</button>
11+
</div>
12+
</div>
13+
)
14+
}

‎components/Newsletter.tsx

+13
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
import React from 'react'
2+
3+
export default function Newsletter() {
4+
return (
5+
<div>
6+
<p>Suscribe to newletter</p>
7+
<form className='flex flex-col gap-2'>
8+
<input type='email' placeholder='Enter Your email' className='input w-56 rounded-sm'/>
9+
<button className='btn pt-1 pb-1 pl-3 pr-3 text-sm w-24 '>Subscribe</button>
10+
</form>
11+
</div>
12+
)
13+
}

‎components/Profile.tsx

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
import React from 'react'
2+
3+
export default function Profile() {
4+
return (
5+
<div className='text-xl pb-5'>
6+
<p className='font-bold'>Hey,<span className='underline text-purple-600 underline-offset-2 decoration-wavy decoration-black'> Xyz here!</span> <span className='font-thin text-base'><br />I'm here Crafting my thought, my learnings amd much more...</span></p>
7+
</div>
8+
)
9+
}

‎next.config.mjs

+4
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
/** @type {import('next').NextConfig} */
2+
const nextConfig = {};
3+
4+
export default nextConfig;

0 commit comments

Comments
 (0)