My Homepage 🚀

A personal homepage with an interactive navigation menu, All in one homepage for AI, UI/UX, Documentations, and other usefull tools for developers 💻

Project Description

Welcome to my homepage! This interactive dashboard, built with Astro JS, serves as a central hub for developers. Navigate effortlessly through curated collections of AI tools, UI/UX resources, development utilities, and more. The sleek design and intuitive navigation make it easy to discover and access the resources you need to boost your productivity.

Table of Contents

• Project Description
• Table of Contents
• Content Sections
  • Prerequisites
  • Installation
  • Running the Application
• Features
• Repo Stats
• License
• Contact

Content Sections

This homepage is organized into sections accessible through the navigation menu. Here's a brief overview of the content you can expect to find:

• AI Tools: This section contains a list of AI powered tools useful for developers:

  • Code Generation Tools.
  • AI Powered Search Engines.
  • AI Documentation Tools.

• UI/UX Design: This section contains a list of UI/UX resources and tools:

  • Color Palette Tools.
  • Icon Resources.
  • Mockup/Wireframing Tools.
  • Inspiration Websites.

• Development: This section contains a list of tools and resources related to software development:

  • Documentation Resources.
  • Code Hosting Services.
  • Testing Tools.

• This Github Repo: This section contains general information:

  • Source code of this proeject.
  • Contact links.
  • Links to Other Platforms

Contributing

While this project is simple, contributions are welcome! To contribute:

1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Make your changes.
4. Submit a pull request.

Prerequisites

• Node.js (version 18 or higher)
• pnpm (or npm/yarn)
• A web browser (e.g., Chrome, Firefox, Safari)

Installation

These instructions are for contributors who want to modify the project.

1. Clone the repository:

   git clone https://github.com/AbrarAbe/myhomepage.git

2. Navigate to the project directory:

   cd myhomepage

3. Install dependencies:

   pnpm install

Running the Application

1. Start the development server:

   pnpm run dev

   This will start the Astro development server. Open your browser and navigate to the address shown in the console (usually http://localhost:4321).

Viewing the Deployed Application

To view the deployed application, visit https://abrarabe.github.io/myhomepage.

Features

• Interactive Navigation: The navigation menu highlights the currently selected item when clicked.
• Simple and Clean: The design prioritizes simplicity and clear functionality.
• Built with Astro JS: Enjoy the benefits of modern web development with Astro JS, including improved performance, SEO optimization, and a component-based architecture.

Repo Stats

License

This project is open-source and is distributed under the MIT License. See the LICENSE file for details.

Contact

• AbrarAbe
• [email protected]