https://github.com/ashrafsada/ashraf-website

https://github.com/ashrafsada/ashraf-website

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/ashrafsada/ashraf-website
• Owner: AshrafSada
• Created: 2024-06-30T07:28:56.000Z (7 months ago)
• Default Branch: master
• Last Pushed: 2024-06-30T12:58:40.000Z (7 months ago)
• Last Synced: 2024-07-03T03:38:23.056Z (6 months ago)
• Language: TypeScript
• Size: 17.6 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Ashraf Sada Portfolio Website

This is my personal portfolio website. It is a static website built using HTML, CSS, and JavaScript. The website is hosted on GitHub Pages and can be accessed at [Ashraf-Sada.com](https://ashraf-sada.com/).

## Features

- **Responsive Design**: The website is designed to be responsive and work on all devices.

- **Dark Mode**: The website has a dark mode that can be toggled on and off.

- **Animations**: The website has animations that make it more interactive and engaging.

- **Contact Form**: The website has a contact form that allows users to send me messages directly.

## Technologies Used

The following technologies were used to build this website in general:

- **HTML**: Used to create the structure of the website.

- **CSS**: Used to style the website and make it responsive.

- **JavaScript**: Used to add interactivity to the website.

The following technologies were used to build specific features:

- **React Next JS**: Used to build the website, with React components using this command to create new React-Next JS app: `npx create-next-app@latest`.

- **Tailwind CSS**: Used to style the website.

- **Framer Motion**: Used to create animations using prodution ready react components.

- **Aceternity UI**: Used to simplify the process of choosing animations and usage code for each framer motion component.