omar11.sa

Personal Website - Portfolio, Specs, Guestbook & more!

~ This is the complete source code for the omar11.sa website.

Why did you build this website?

To demonstrate my programming skills, a place to showcase my work, and where people might know me better. and this may help me to get a great job.

After all, every programmer’s dream is to have a personal portfolio that shows his achievements, work, etc. 😊

How's the performance?

From the beginning, my main focus was on speed and enhancing performance. This involved measures such as minimizing code size, optimizing images & using NEXT.js which has huge improvements overall. Like caching data requests & server-side rendering. This makes it faster in loading pages, and excellent for the user experience, in addition to a beautiful user interface & smooth animations.

Features

• Simple, Minimal & Fast Rendering with Server Components.
• SEO Optimised along with dynamic sitemap, OpenGraph tags.
• GuestBook with Server Actions & Supabase database.
• AI assistant that answers any questions about the website & its content.
• Real-time Discord status! From Lanyard.
• Stats of all the games I own using Steam API's.

Built with

Name	Link
Framework	Next 14 (App Router)
Database	Supabase
Deployment	Vercel
Styling	TailwindCSS
Authentication	next-auth
Animations	framer-motion
Favicon	Iconify

Follows all web standards, a 100 score on Lighthouse metrics!

Images Walkthrough

1. Projects Page

2. Skills Page

3. Specs Page

4. About Page

5. Anime Page

6. Games Page

7. Guestbook Page

8. AI Bot Assistant

Local Setup

Read the license note before cloning this website.

1. Clone the repo

   git clone https://github.com/omarx11/omar11.sa.git

2. Install dependencies

   npm install

3. Create an .env file similar to .env.example and fill the keys.

4. Start the development server

   npm run dev

Building and Running for Production

1. Generate a full static production build

   npm run build

2. Preview the site as it will appear once deployed

   npm run start

Contributing

Whether you're helping me fix bugs, improve the site, or spread the word, I'd love to have you as a contributor! 🤝

• Asking a question: Open a new topic on GitHub Discussions explaining what you want to achieve / your question. I'll try to get back to you shortly.

• Suggesting an improvement: Open an issue explaining your improvement or feature so we can discuss and learn more.

License

MIT © Omar Abdulaziz

Note: Anyone is free to take inspiration from this site as long as you give credit to the ordinal creator, credits should include my full name (Omar Abdulaziz) and a link to my site [https://omar11.sa/]

Refer License file for more info

Author Info

• Discord - omarx11
• Linkedin - @omar-abdulaziz-sa
• Twitter X - @dis_x0

Give a ⭐️ if this project helped you! Thank you.. 💚

Back To The Top ↑