Skip to content

DaniJounblat1/nextjs-portfolio

Repository files navigation

Portfolio Website

Welcome to my portfolio website repository! This website showcases my projects and skills, created entirely on an Android phone using Termux and Acode editor, with Next.js 13.

Table of Contents

Introduction

This portfolio website is a personal project that showcases my work and skills as a developer. The entire site was developed using an Android phone with Termux and Acode editor, demonstrating that it's possible to create a professional web presence with minimal resources. Despite having no prior knowledge of frameworks, I utilized Next.js 13 to build this site.

Check out the live website here.

Features

  • Responsive Design: Optimized for viewing on any device, including desktops and mobile phones.
  • Interactive Elements: Features like a dynamic background, audio playback.
  • Contact Form: Allows visitors to get in touch with me directly through the site.

Technologies Used

  • Next.js 13: React-based framework for server-side rendering and static site generation.
  • CSS and SCSS: For styling the components and layouts.
  • JavaScript: Core language for adding interactivity.
  • HTML5: Standard markup language for creating web pages.

Installation

To run this project locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/DaniJounblat1/nextjs-portfolio.git
    cd nextjs-portfolio
  2. Install dependencies:

    npm install
  3. Add environment variables: Create a .env.local file in the root directory and add your environment variables:

    GMAIL_USER=your_email@gmail.com
    GMAIL_PASS=your_app_password
    
  4. Run the development server:

    npm run dev
  5. Open your browser: Navigate to http://localhost:3000 to see the website in action.

Usage

Once the site is running locally, you can explore the various pages and features:

  • Home: Introduction and overview of my skills and experience.
  • Projects: Detailed information about my key projects, including images and descriptions.
  • Contact: Form to send me messages directly.

Contributing

Contributions are welcome! If you have suggestions or improvements, please follow these steps:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature-branch).
  3. Make your changes.
  4. Commit your changes (git commit -m 'Add new feature').
  5. Push to the branch (git push origin feature-branch).
  6. Create a new Pull Request.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Contact

For any questions or feedback, please reach out to me at:

You can also find more about me and my work on my website.