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.
- 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.
- Framework: Nuxt.js (Vue 3)
- CSS: Flexbox, CSS Grid
- API: Reddit API (for
r/ProgrammerHumor
)
Look at the Nuxt documentation to learn more.
Make sure to install dependencies:
# npm
npm install
# pnpm
pnpm install
# yarn
yarn install
# bun
bun install
Start the development server on http://localhost:3000
:
# npm
npm run dev
# pnpm
pnpm dev
# yarn
yarn dev
# bun
bun run dev
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.