This is my personal portfolio website built using React, Next.js, TypeScript, Tailwind CSS, Framer Motion, and hosted on Vercel. It includes features such as App Router, Server Actions, React Email & Resend functionality.
Follow these steps to set up the project on your local machine:
-
Clone the repository:
git clone https://github.com/your-username/your-repository.git
-
Install dependencies: Navigate to the project directory and run the following command to install the necessary dependencies:
npm install
-
Configure environment variables: Before running the project, make sure to set up any required environment variables. This may include API keys, database connections, or other configuration settings. Refer to the .env.example file for guidance on the required variables.
RESEND_API_KEY= -
Start the development server: Once the dependencies are installed and the environment variables are configured, start the development server by running:
npm run dev
This command will launch the project locally, typically on http://localhost:3000. You can now access the project in your browser and begin development or testing. If you encounter any issues during the installation process, feel free to reach out for assistance or refer to the project's documentation for troubleshooting tips.
- Customize the content in the pages.
- Add your portfolio projects.
- Update the styles using Tailwind CSS.
- Deploy the website on Vercel.
- React
- Next.js
- TypeScript
- Tailwind CSS
- Framer Motion
- Vercel
- App Router for smooth navigation.
- Server Actions for enhanced functionality.
- TypeScript for type safety.
- Tailwind CSS for easy styling.
- Framer Motion for animations.
- React Email & Resend for email functionality.
- Vercel hosting for deployment.
- Fork the repository.
- Create a new branch.
- Make your changes.
- Submit a pull request.
This project is licensed under the MIT License - see the LICENSE.md file for details.