My Personal Website

Welcome to the repository for my personal website built using React.js. This website serves as a showcase of my skills, projects, and experience.

Overview

This project utilizes React.js to create a dynamic and interactive personal website. It features a responsive design, modern styling, and various JavaScript libraries for enhanced functionality.

Features

• Responsive Design: The website is designed to be fully responsive, ensuring optimal viewing and interaction across a wide range of devices and screen sizes.

• Interactive Elements: Incorporates interactive elements such as image sliders, pop-up galleries (using Magnific Popup), smooth scrolling (with Waypoints), and custom animations to engage visitors and showcase content effectively.

• Project Showcase: Includes a portfolio section with images and descriptions of my projects, allowing visitors to browse through and learn more about my work.

• Modern Technologies: Built with React.js for the front end, utilizing CSS for styling, and integrating various JavaScript libraries like jQuery for DOM manipulation and animation.

Folder Structure

├── css/
│   ├── font-awesome/
│   ├── fontello/
│   ├── default.css
│   ├── fonts.css
│   ├── layout.css
│   ├── magnific-popup.css
│   └── media-queries.css
├── images/
│   ├── portfolio/
│   ├── loader.gif
│   ├── overlay-bg.png
│   └── profile.jpeg
├── js/
│   ├── init.js
│   ├── jquery-1.10.2.min.js
│   ├── jquery-migrate-1.2.1.min.js
│   ├── jquery.fittext.js
│   ├── jquery.flexslider.js
│   ├── magnific-popup.js
│   ├── modernizr.js
│   └── waypoints.js
├── static/
│   ├── css/
│   │   ├── main.bab0b925.chunk.css
│   │   └── ...
│   ├── js/
│   │   ├── 2.a25c794a.chunk.js
│   │   ├── 3.37192441.chunk.js
│   │   ├── main.e8fe706a.chunk.js
│   │   └── ...
│   ├── CNAME
│   ├── asset-manifest.json
│   ├── favicon.ico
│   ├── index.html
│   ├── manifest.json
│   └── resumeData.json
├── CNAME
├── asset-manifest.json
├── favicon.ico
├── index.html
├── manifest.json
└── README.md

Getting Started

Prerequisites

• Node.js and npm installed on your machine.

Installation

1. Clone the repository:

   git clone https://github.com/namdavid2904/Personal-Website.git

2. Navigate to the project directory:

   cd Personal-Website

3. Install dependencies:

   npm install

Development

1. Start the development server:

   npm start

   This will start the development server and open the website in your default web browser. The website will automatically reload if you make changes to the source files.

Deployment

To deploy the website, you can use a static site hosting service like GitHub Pages or Netlify. You can also build the project for production:

npm run build

This will create an optimized build of the website in the build directory, which you can then deploy to a web server.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgements

• This project utilizes various open-source libraries and resources, including React.js, jQuery, Font Awesome, and Magnific Popup.