Skip to content
View Yamam-al's full-sized avatar

Highlights

  • Pro

Block or report Yamam-al

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
Yamam-al/README.md

Dynamic Personal Website

Description

A responsive personal website built with Nuxt.js. The site includes:

  • A profile card with personal information and social media links.
  • An image gallery with custom photos.
  • "Meme of the Day" fetched from the Reddit subreddit r/ProgrammerHumor.
  • A dynamic footer with opacity transitions based on scroll behavior.

Features

  • Fully responsive design for desktop and mobile devices.
  • Dynamic content with JavaScript and API integration.
  • Interactive elements, such as a gallery and an animated footer.

Technologies

  • Framework: Nuxt.js (Vue 3)
  • CSS: Flexbox, CSS Grid
  • API: Reddit API (for r/ProgrammerHumor)

Nuxt Minimal Starter

Look at the Nuxt documentation to learn more.

Setup

Make sure to install dependencies:

# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

# bun
bun install

Development Server

Start the development server on http://localhost:3000:

# npm
npm run dev

# pnpm
pnpm dev

# yarn
yarn dev

# bun
bun run dev

Production

Build the application for production:

# npm
npm run build

# pnpm
pnpm build

# yarn
yarn build

# bun
bun run build

Locally preview production build:

# npm
npm run preview

# pnpm
pnpm preview

# yarn
yarn preview

# bun
bun run preview

Check out the deployment documentation for more information.

Popular repositories Loading

  1. yamam-al yamam-al Public

    A responsive personal website built with Nuxt.js featuring a profile card, custom image gallery, "Meme of the Day" from Reddit, and a dynamic footer with opacity transitions based on scroll position.

    Vue 1

  2. flutter_name_generator flutter_name_generator Public

    first flutter application following the tutorial on codelab.developers.google.com

    C++

  3. ai-snake ai-snake Public

    Java

  4. jssp jssp Public

    Using evolutionary algorithms to solve the Job Shop Scheduling problem

    Java

  5. pdf-image-extractor pdf-image-extractor Public

    Ein Python-Projekt zur Extraktion von Bildern aus PDF-Dateien

    Python