nxp-portfolio
所属分类:处理器开发
开发工具:JavaScript
文件大小:0KB
下载次数:0
上传日期:2023-08-04 06:11:46
上 传 者:
sh-1993
说明: 展示编程项目和技术写作项目的组合网站。使用ReactJS、CSS、React Typed和EmailJS.构建。,
(A portfolio website showcasing programming projects and technical writing projects. Built using ReactJS, CSS, React-Typed, and EmailJS.,)
文件列表:
package-lock.json (548767, 2023-08-04)
package.json (1179, 2023-08-04)
public/ (0, 2023-08-04)
public/index.html (1924, 2023-08-04)
public/milkytea.png (16921, 2023-08-04)
src/ (0, 2023-08-04)
src/App.css (3961, 2023-08-04)
src/App.js (1068, 2023-08-04)
src/assets/ (0, 2023-08-04)
src/assets/NP_Resume_2023.pdf (80648, 2023-08-04)
src/assets/agape_logo.png (6963, 2023-08-04)
src/assets/files.svg (1770, 2023-08-04)
src/assets/hand.svg (3646, 2023-08-04)
src/assets/nat_aboutme.jpg (757547, 2023-08-04)
src/assets/nat_aboutme_filter.jpg (727403, 2023-08-04)
src/assets/natgrad_filter.jpg (77090, 2023-08-04)
src/assets/natgrad_filter2.jpg (50448, 2023-08-04)
src/assets/scroll.svg (1301, 2023-08-04)
src/assets/send.svg (1529, 2023-08-04)
src/assets/testimonial1.png (13435, 2023-08-04)
src/assets/testimonial2.png (21528, 2023-08-04)
src/assets/testimonial3.png (28052, 2023-08-04)
src/assets/work1.jpg (17013, 2023-08-04)
src/assets/work2.jpg (22055, 2023-08-04)
src/assets/work3.jpg (17012, 2023-08-04)
src/assets/work4.jpg (20585, 2023-08-04)
src/assets/work5.jpg (19672, 2023-08-04)
src/components/ (0, 2023-08-04)
src/components/about/ (0, 2023-08-04)
src/components/about/About.jsx (3122, 2023-08-04)
src/components/about/Info.jsx (832, 2023-08-04)
src/components/about/about.css (1707, 2023-08-04)
src/components/certifications/ (0, 2023-08-04)
src/components/certifications/Certifications.jsx (6039, 2023-08-04)
src/components/certifications/certifications.css (3266, 2023-08-04)
src/components/contact/ (0, 2023-08-04)
src/components/contact/Contact.jsx (6487, 2023-08-04)
src/components/contact/contact.css (4469, 2023-08-04)
... ...
# NXP Portfolio Project
![image](https://github.com/nxpalos/nxp-portfolio/assets/65276328/6ea54697-0e37-402a-b038-b6543702cb0a)
This is a responsive portfolio website created using ReactJS and CSS that implements ReactTyped for a blinking cursor animation and EmailJS for a contact form.
### Project Features:
- Responsive Layout
- Blinking cursor, typing, and delete animation
- Pop-up Modals
- Contact Form
- Scroll to Top
## React-Icons
```npm install react-icons --save```
The icons used in this project can be found in the React-Icons library.
## React-Typed
```npm install react-typed --save```
[React-Typed](https://github.com/ssbeefeater/react-typed) is a specialized typing animation library which provides an easy and efficient wat to create typing effects with additional features and customization options.
## Email Component
```npm install @emailjs/browser --save```
The form in the contact section of the website is created and set up using SDK and an email template from [EmailJS](https://www.emailjs.com/docs/examples/reactjs/).
![image](https://github.com/nxpalos/nxp-portfolio/assets/65276328/7e7e3830-3d69-4f23-ad72-4f7487dfbebd)
## Credit
This portfolio project was created by following a tutorial by Cryptical Coder. Check it out [here](https://www.youtube.com/watch?v=3aCoZudPEKE&t=143s&ab_channel=CrypticalCoder) if you would like to try it yourself!
The site logo is a bubble tea icon and can be found here:
![milk-tea](https://github.com/nxpalos/nxp-portfolio/assets/65276328/e9a56806-ab85-4dc1-91f8-41e2decee8e0)
Milk tea icons created by Freepik - Flaticon
近期下载者:
相关文件:
收藏者: