Raymondtaoo / dawnsportfolio

Art portfolio for graduating animation senior.

Home Page:https://dawnkim.art

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Dawn's Portfolio Website

React.js Tailwind CSS EmailJS Google Invisible reCAPTCHA React Router

Overview

Dawn's Portfolio is a minimal, responsive website showcasing artistic works. This project incorporates modern web technologies and interactive features to provide an engaging user experience.

Live Site

The portfolio is currently live and can be viewed at dawnkim.art.

Screenshots

Include screenshots here to showcase the website's features like the submission form, modal pop-up, artwork display, and responsive design.

Homepage

Mobile Page Mobile Page lightbox

Submission Form, Modal Pop Up, Footer, Email Submission & ReCAPTCHA

Features

  • Infinite Scroll: Dynamically load content as the user scrolls, enhancing the browsing experience.
  • Lightbox: An interactive feature that displays images in a full-screen overlay.
  • Email Submission with EmailJS: A contact form that allows visitors to send emails directly from the website.
  • Pop Up Modal: Displays a confirmation message upon successful email submission.
  • Invisible reCAPTCHA v2: Protects the site from spam and abuse.
  • Form Validation: Ensures the user inputs valid data in the contact form.
  • Responsive Design: Adapts to various screen sizes. Navigation bar switches to a dropdown menu in mobile view.
  • Tailwind CSS: For styling components and responsive design.

Technologies Used

  • React.js
  • Tailwind CSS
  • EmailJS
  • Google Invisible reCAPTCHA
  • React Router

Installation and Setup

  1. Clone the repository: git clone https://github.com/Raymondtaoo/dawnsportfolio.git
  2. Navigate to the project directory: cd dawnsportfolio
  3. Install dependencies: npm install
  4. Start the server: npm start
  5. Open http://localhost:3000 in a browser.

Contributions

Developed by Raymond Tao. Contributions, issues, and feature requests are welcome.

License

Licensed under the MIT License - see the LICENSE file for details.

About

Art portfolio for graduating animation senior.

https://dawnkim.art


Languages

Language:JavaScript 93.0%Language:CSS 4.1%Language:HTML 2.9%