Welcome to my personal portfolio website! This is a project that showcases my skills, experiences, and projects. It serves as a digital resume, with sections that highlight my background, technical skills, and work examples. The website is built using modern technologies, offering a responsive, dynamic, and user-friendly experience.
- Personal Bio: A section detailing who I am, my background, and my career journey.
- Projects Showcase: A collection of projects I've worked on, with descriptions and links to the live projects or GitHub repositories.
- Skills Section: Displays the technologies and tools I am proficient in.
- Contact Form: A simple form that allows users to get in touch with me via email.
- Responsive Design: The portfolio is fully responsive and optimized for various screen sizes.
-
Frontend:
- Next.js: Framework for building the front end, providing server-side rendering (SSR) and static site generation (SSG).
- React: Core library for building dynamic user interfaces.
- CSS: Styling using custom CSS, with support for responsive layouts.
- JavaScript: Core scripting language used throughout the project.
-
Backend:
- Express.js: A minimal and flexible Node.js web application framework, used for handling server-side logic and API requests.
-
Others:
- Node.js: JavaScript runtime used to run the server and build scripts.
- EmailJS: For handling contact form submissions via email.
To get the project running locally, follow these steps:
- Node.js (v14 or higher)
- npm or yarn
-
Clone the repository:
-
Install dependencies:
In the project directory, install the required packages:
npm install
or if you're using yarn:
yarn install
-
Run the development server:
To start the project locally in development mode:
npm run dev
Once the server is running, you can access the portfolio at
http://localhost:3000.
To build the project for production:
npm run buildThis will optimize your Next.js project for production.
To start the production server:
npm start- Homepage: A welcoming page with a brief introduction and links to sections such as Projects and Contact.
- Projects: A section that lists and showcases different projects. Each project includes a short description, technologies used, and links to the live project or GitHub repository.
- Skills: A visual representation of my technical skills, such as programming languages, frameworks, and tools.
- Contact: A form that lets visitors contact me via email. Submissions are sent through EmailJS (or another email service of your choice).
Contributions to the project are welcome! If you'd like to contribute, you can:
- Fork the repository
- Create a new branch for your changes
- Make your changes and commit them
- Push your changes to your fork
- Create a pull request explaining your changes
This project is licensed under the MIT License - see the LICENSE file for details.
- Next.js: For making it easy to build optimized and production-ready React applications.
- React: For powering the dynamic user interface.
- EmailJS: For handling the contact form submissions.
- FontAwesome: For icons used throughout the portfolio.