Skip to content

Welcome to my portfolio website! Here, you can explore my skills, view my projects, read my blog, and contact me directly. Built with Next.js, ShadCN UI, Tailwind CSS, MongoDB, and Mongoose, this site showcases my expertise as a Full Stack Developer.

Notifications You must be signed in to change notification settings

saifulaija/fullstack-portfolio

Repository files navigation

Saiful's Portfolio Website

Welcome to my portfolio website where you can explore my skills, view my projects, read my blog, and contact me directly. Built with modern technologies, this site showcases my work and expertise as a Full Stack Developer.

Technologies Used

  • Next.js: For a robust and scalable frontend.
  • ShadCN UI: For enhanced user interface components.
  • Tailwind CSS: For streamlined and responsive design.
  • MongoDB: For efficient and scalable data storage.
  • Mongoose: For elegant MongoDB object modeling.

Features

  • Skills Showcase: Browse through a detailed list of my technical skills.
  • Projects Portfolio: Explore various projects I have worked on, including detailed descriptions and technologies used.
  • Blog: Read my latest blog posts on web development and technology trends.
  • Contact Form: Get in touch with me directly through a simple and intuitive contact form.

Getting Started

Prerequisites

  • Node.js
  • MongoDB

Installation

  1. Clone the repository:

    git clone https://github.com/yourusername/portfolio-website.git
  2. Navigate to the project directory:

    cd portfolio-website
  3. Install dependencies:

    npm install
  4. Set up environment variables:

    Create a .env file in the root directory and add your MongoDB URI and other necessary configurations:

    MONGO_URI=your_mongodb_uri
  5. Start the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

About

Welcome to my portfolio website! Here, you can explore my skills, view my projects, read my blog, and contact me directly. Built with Next.js, ShadCN UI, Tailwind CSS, MongoDB, and Mongoose, this site showcases my expertise as a Full Stack Developer.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages