Personal Portfolio

Welcome to my personal portfolio project! This project showcases my skills and experience as a developer. It consists of both a front-end and back-end component, built with modern technologies.

Tech Stacks

Front-End

The front-end of this portfolio is built using the following tech stack:

• Framework: Next.js
• Styling: Tailwind CSS, Framer Motion
• React Libraries:
  • @radix-ui/react-label
  • @radix-ui/react-popover
  • @react-three/drei
  • @react-three/fiber
  • react-icons
  • react-lottie
  • react-toastify
• Utilities:
  • clsx
  • mini-svg-data-uri
  • tailwind-merge
  • tailwindcss-animate
  • three
  • three-globe

Back-End

The back-end is built using the following tech stack:

• Framework: Express.js
• Database: Mongoose
• Utilities:
  • cors
  • dotenv
  • morgan
  • node-fetch
  • nodemailer
  • nodemon
  • touch

Installation

To get started with this project, follow these steps:

Front-End

1. Clone the repository:

   git clone https://github.com/Yab112/portfolio-with-motion-framer.git

2. Navigate to the front-end directory:

   cd portfolio-with-motion-framer

3. Install dependencies:

   npm install

4. Run the development server:

   npm run dev

Back-End

1. Clone the repository (if you haven't already):

   git clone https://github.com/Yab112/backend.git

2. Navigate to the back-end directory:

   cd backend

3. Install dependencies:

   npm install

4. Start the server:

   npm start

Contact

If you have any questions or feedback, feel free to reach out!

• Email: [email protected]
• GitHub: yabibal