sleek-portfolio
A modern, responsive portfolio website built with Next.js 15, TypeScript, Tailwind CSS, and Shadcn UI. Features a blog system, project showcase, work experience timeline, and contact form with Telegram integration.
File Explorer
Download Latest Version (.zip)- lint.yml
- pre-commit
- logo.png
- first-portfolio.png
- frontend-part-1.png
- how-to-be-me.png
- javascript-part-1.png
- mac.jpeg
- nextjs-data-fetching.png
- routing-in-nextjs.png
- ticktick-side.png
- time.png
- work-in-clg.jpeg
- workspace.png
- expelee.png
- loop.png
- prepeasy.png
- promote.png
- upsurge.png
- HankenGrotesk-Italic-Variable.ttf
- HankenGrotesk-Variable.ttf
- blogs.png
- contact.png
- gears.png
- hero.png
- opengraph-image.png
- projects.png
- resume.png
- setup.png
- work.png
- oneko.gif
- oneko.js
- advice.png
- appwrite.png
- chillguy.png
- festx.png
- intent.png
- moonstone.png
- notesbuddy.png
- pasandida.png
- quest.png
- ramspace.png
- syncify.png
- that-startup.png
- valorant.png
- fira-code.zip
- vsc-extensions.txt
- bun.png
- javascript.png
- mongodb.png
- nextjs.png
- node.png
- postgresql.png
- prisma.png
- react.png
- typescript.png
- route.ts
- route.ts
- page.tsx
- BlogPageClient.tsx
- page.tsx
- page.tsx
- page.tsx
- page.tsx
- page.tsx
- page.tsx
- page.tsx
- page.tsx
- page.tsx
- page.tsx
- favicon.ico
- globals.css
- layout.tsx
- page.tsx
- UmamiAnalytics.tsx
- BlogCard.tsx
- BlogComponents.tsx
- BlogContent.tsx
- BlogList.tsx
- CodeCopyButton.tsx
- BackToTop.tsx
- ChatBubble.tsx
- Container.tsx
- FontSizeControls.tsx
- Footer.tsx
- Navbar.tsx
- OnekoCat.tsx
- Quote.tsx
- SectionHeading.tsx
- Skill.tsx
- ThemeProviders.tsx
- ThemeSwitch.tsx
- TrackedLink.tsx
- ContactForm.tsx
- ExperienceCard.tsx
- ExperienceList.tsx
- GearCard.tsx
- About.tsx
- Blog.tsx
- CTA.tsx
- Experience.tsx
- Github.tsx
- Hero.tsx
- Journey.tsx
- Projects.tsx
- Setup.tsx
- ProjectCard.tsx
- ProjectComponents.tsx
- ProjectContent.tsx
- ProjectList.tsx
- ProjectNavigation.tsx
- Headphones.tsx
- Keyboard.tsx
- Laptop.tsx
- Monitor.tsx
- Mouse.tsx
- Phone.tsx
- ArrowLeft.tsx
- ArrowRight.tsx
- ArrowUpRight.tsx
- ArrowUUpRight.tsx
- Calender.tsx
- Chat.tsx
- ChatBubbleIcon.tsx
- CheckCircle.tsx
- Code.tsx
- Copied.tsx
- Copy.tsx
- CV.tsx
- Gear.tsx
- Github.tsx
- LinkedIn.tsx
- Mail.tsx
- Moon.tsx
- PlayCircle.tsx
- SendIcon.tsx
- Sun.tsx
- Website.tsx
- X.tsx
- Appwrite.tsx
- AWS.tsx
- BootStrap.tsx
- Bun.tsx
- CSS.tsx
- ExpressJs.tsx
- Figma.tsx
- Github.tsx
- Html.tsx
- JavaScript.tsx
- MDXIcon.tsx
- MongoDB.tsx
- Motion.tsx
- NestJs.tsx
- Netlify.tsx
- NextJs.tsx
- NodeJs.tsx
- PostgreSQL.tsx
- Postman.tsx
- Prisma.tsx
- ReactIcon.tsx
- Sanity.tsx
- Shadcn.tsx
- SocketIo.tsx
- TailwindCss.tsx
- ThreeJs.tsx
- TypeScript.tsx
- Vercel.tsx
- accordion.tsx
- alert-dialog.tsx
- alert.tsx
- aspect-ratio.tsx
- avatar.tsx
- badge.tsx
- breadcrumb.tsx
- button.tsx
- calendar.tsx
- card.tsx
- carousel.tsx
- checkbox.tsx
- collapsible.tsx
- command.tsx
- context-menu.tsx
- dialog.tsx
- drawer.tsx
- dropdown-menu.tsx
- expandable-chat.tsx
- form.tsx
- hover-card.tsx
- input-otp.tsx
- input.tsx
- label.tsx
- menubar.tsx
- navigation-menu.tsx
- pagination.tsx
- popover.tsx
- progress.tsx
- radio-group.tsx
- resizable.tsx
- scroll-area.tsx
- select.tsx
- separator.tsx
- sheet.tsx
- sidebar.tsx
- skeleton.tsx
- slider.tsx
- sonner.tsx
- switch.tsx
- table.tsx
- tabs.tsx
- textarea.tsx
- toggle-group.tsx
- toggle.tsx
- tooltip.tsx
- CertificatesGallery.tsx
- About.tsx
- Achievements.tsx
- Cat.ts
- ChatPrompt.ts
- Contact.tsx
- CTA.tsx
- Experience.tsx
- Footer.tsx
- Gears.tsx
- Github.tsx
- Hero.tsx
- Journey.tsx
- Meta.tsx
- Navbar.tsx
- Projects.tsx
- Quote.ts
- Resume.ts
- Setup.tsx
- better-frontend-part-1.mdx
- how-to-be-me.mdx
- javascript-for-frontend-part-1.mdx
- nextjs-data-fetching.mdx
- routing-in-nextjs.mdx
- journey.mdx
- appwrite-mcp-server.mdx
- chill-guy.mdx
- fest-x.mdx
- intent-js.mdx
- moonstone-fest.mdx
- notesbuddy.mdx
- pasandida-aurat.mdx
- poems-blog.mdx
- syncify.mdx
- that-startup.mdx
- the-quest.mdx
- valorant-remastered.mdx
- use-haptic-feedback.ts
- use-mobile.ts
- use-umami.ts
- blog.ts
- hero.ts
- journey.ts
- lenis.ts
- project.ts
- utils.ts
- analytics.ts
- blog.ts
- project.ts
- testTelegram.ts
- .env.example
- .gitignore
- .prettierrc
- .prettierrc.json
- bun.lock
- bun.lockb
- components.json
- CONTRIBUTING.md
- eslint.config.mjs
- knip.json
- LICENSE
- next.config.ts
- package.json
- postcss.config.mjs
- README.md
- tsconfig.json
# Installation Guide
1. Get the code
git clone https://github.com/ramxcodes/sleek-portfolio
Downloads the entire project code from GitHub to your computer.
cd sleek-portfolio
Moves into the project folder you just downloaded.
2. Node.js
Easy RecommendedPrerequisites
npm install
Downloads and installs the libraries listed in package.json.
npm run dev
Starts the development/run server.
After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.
Pulled directly from this repo's README.
// repository documentation
Was this content helpful?
(0 ratings)