This repository contains the source code for my personal website, built using HTML, CSS, JavaScript, and React. The website serves as a portfolio to showcase my projects, skills, and contact information.
The website is built using the following technologies:
- HTML
- CSS
- JavaScript
- Font Awesome (for icons)
- React
- EmailJS: To handle form submissions and send emails directly.
- Responsive Design: Optimized for various screen sizes and devices.
- Portfolio Showcase: Display of projects with descriptions and links.
- Contact Form: Allows visitors to get in touch directly through the website.
- Smooth Navigation: Seamless transitions between different sections.
The website consists of the following sections:
- Home: This section contains a navigation bar, a hero section with a brief introduction, and an image showcasing my skills.
- About: Provides information about me, including a short bio, personal details, educationm, and links to my social media profiles.
- Skills: Highlights my skills in web development, data analytics, and information security.
- CTA (Call to Action): Encourages visitors to reach out and hire me.
- Experience: Showcases my professional experience and links to detailed descriptions.
- Projects: Highlights some of my notable projects with images and descriptions.
- Contact: The contact section provides a button to contact me and hire me.
To use this project locally:
- Clone the repository:
git clone https://github.com/nolliechyTW/React-Personal-Website.git
- Navigate to the project directory:
cd React-Personal-Website
- Install dependencies:
npm install
- Start the development server:
npm start
; This will launch the website at http://localhost:3000. - Build for production (optional):
npm run build
; This creates a production-ready build in the build folder.
If you have any questions or feedback regarding this website or its code, please feel free to reach out to me. You can find my contact details on the website or connect with me through LinkedIn.
- Website: Link to Website
- LinkedIn: Link to LinkedIn