README.md

Hi, I'm Aman, and this is my Portfolio Website ! 👋

This Portfolio Website is a dynamic and interactive platform designed to showcase personal projects and skills. Built with React JS, Tailwind CSS, Aceternity UI, Flowbite, and GSAP for animations, it offers a modern and engaging user experience. The backend, developed with Express, includes live payment gateway integration using Razorpay

Demo

portfolio.-.Google.Chrome.2024-07-25.20-53-02.mp4

🔗 Live Link

Technologies Used

Razorpay [ Payment Gateway ]

React JS

Express JS

Tailwind CSS

GSAP

Aceternity UI

Flowbite CSS

Run Locally

Clone the project

git clone https://github.com/IAMAmanRaj/Portfolio_01.git

Go to the project directory

cd Portfolio_01

Install dependencies for both frontend and backend :

cd api
npm install
cd ..
cd ../app
npm install

Start the backend server:

cd api
npm start

Start the frontend development server:

cd app
npm start

Installation

Install my-project with npm

npm install my-project
cd my-project

Environment Variables

To run this project, you will need to add the following environment variables to your .env file inside root folder

RAZORPAY_KEY_ID

RAZORPAY_SECRET

Vite Configuration

The vite.config.js file has to be configured according to the proxy API requests to the backend server

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  server: {
    proxy: {
      "/api": {
        target: "http://localhost:3000",
        secure: false,
      },
    },
  },
});

Feedback

If you have any feedback, please reach out to me at imamanraj87@gmail.com

Related

Check out my other Projects

Projects Section