naseroish / react-portfolio

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Naser Portfolio

Welcome to the official repository of Naser's professional portfolio. This digital space is crafted to showcase my journey, skills, and projects in the Field of Computer Science. It represents my dedication to my craft and my continuous pursuit of innovation and excellence.

Portfolio Overview

Naser Portfolio is more than just a collection of projects; it's a reflection of my growth, creativity, and the impact of my work. Explore my portfolio at:

View Live Portfolio

Features and Technologies

This portfolio is designed with functionality and aesthetics in mind, utilizing the latest in web development technologies to ensure a seamless user experience across all devices. Here’s what makes it stand out

  • Dynamic Content Management: Utilizes Supabase for real-time data storage and retrieval, making portfolio updates seamless and efficient.
  • Interactive UI/UX: Built with React, offering a responsive and interactive user experience that showcases my projects and skills in the best light possible.

Tech Stack

  • Frontend: Next.js for dynamic and responsive design.
  • Backend:: Supabase for database management, authentication, and backend functions.
  • Deployment:: Hosted on Vercel, leveraging CDNs for optimal performance worldwide.

Installation and Setup

To run this portfolio locally, follow these steps:

  • Clone the repository

    git clone your-repository-url
    cd repository-name
    
  • Install dependencies

    npm install
    
  • Set up Supabase

    • Create a Supabase account and a new project.
    • Obtain your unique Supabase URL and Anon Key.
    • Create the necessary tables as per the schema mentioned in the supabase-schema.sql file.
  • Configure environment variables

  • Create a .env file in the root directory and add your Supabase credentials:

    REACT_APP_SUPABASE_URL=yourSupabaseUrl
    REACT_APP_SUPABASE_ANON_KEY=yourSupabaseAnonKey
    
  • Run the application

    npm start
    

The application should now be running on localhost 3000.

Contributions

I'm always open to feedback and contributions to improve the portfolio. If you have ideas or suggestions, please feel free to fork the repository, make your changes, and submit a pull request.

Thank you for visiting my portfolio repository. Let's create something amazing together!

About


Languages

Language:TypeScript 96.6%Language:CSS 3.1%Language:JavaScript 0.3%