https://github.com/mohamedafraz/portfolio

Afraz's Portfolio
https://github.com/mohamedafraz/portfolio

framer-motion nextjs portfolio tailwindcss

Last synced: 20 days ago
JSON representation

Afraz's Portfolio

• Host: GitHub
• URL: https://github.com/mohamedafraz/portfolio
• Owner: MohamedAfraz
• Created: 2024-11-23T08:05:15.000Z (about 2 months ago)
• Default Branch: main
• Last Pushed: 2024-11-23T08:25:03.000Z (about 2 months ago)
• Last Synced: 2024-12-31T10:14:52.981Z (20 days ago)
• Language: TypeScript
• Size: 7.08 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# [Mohamed Afraz - Portfolio](https://mohamedafraz.netlify.app/)

A comprehensive portfolio showcasing my professional work.

**Try it at:** [https://mohamedafraz.netlify.app/](https://mohamedafraz.netlify.app/)

---

## Features

- Theme Switcher (light + dark theme included).

- Smooth Scrolling Animations

- A Full Projects Page (with sorting functionality)

- Responsive Contact Form (with Web3Forms API Integration)

---

## Technologies used

- [React](https://es.reactjs.org/) - Front-End JavaScript library.

- [Tailwind CSS](https://tailwindcss.com/) - A utility-first CSS framework.

- [Web3Forms](https://web3forms.com) - A Contact Form API for Modern Websites.

- [Vite](https://vitejs.dev/) - Frontend Tooling

- [Framer Motion](https://www.framer.com/motion/) - A React library for smooth, interactive animations.

---

### You can fork this Repo or follow the steps below to build it yourself :D

## Build steps

### Prerequisites

i. Have [Node.js](https://nodejs.org/en/) installed on your machine.

ii. Install pnpm (latest version). Run:

 ```bash

 npm install -g pnpm

 ```

iii. Install [Git](https://git-scm.com/downloads) and run the installer.

**Now follow the steps below !!**

1. Clone this repo

```bash

git clone https://github.com/MohamedAfraz/portfolio.git && cd portfolio

```

2. Install project dependencies

```bash

pnpm install

```

3. Build the project and start a local server

```bash

pnpm run build && pnpm run dev

```

4. Now open [this link](http://localhost:5173/) to open the project.

Hope you got it and all is working!! If not, feel free to start an [Issue](https://github.com/MohamedAfraz/portfolio/issues)⚡