This is a fully responsive personal portfolio website built using React.js and Bootstrap. The project is set up with Vite to create the React app, and it includes a server for handling communication and receiving messages when someone fills out the contact form.
Check out the live demo of the project here.
This project is a personal portfolio website aimed at showcasing your work, skills, and experience to potential employers or clients. It is built using React.js for the frontend to ensure a smooth and interactive user experience. Bootstrap is utilized for styling to ensure the website is fully responsive and visually appealing across different devices.
The contact form functionality is implemented with a server to handle submissions securely. When someone fills out the contact form on your website, the server receives the message and allows you to respond accordingly.
- React.js
- Bootstrap
- Vite
-
Clone this repository to your local machine.
-
Navigate to the project directory.
-
Run
npm installto install the dependencies. -
Create a
.envfile in the root directory and fill in the required data for the server to run. Example:
REACT_APP_MAILCHIMP_URL=" " REACT_APP_MAILCHIMP_U=" " REACT_APP_MAILCHIMP_ID=" " EMAIL_USER=" " EMAIL_PASS=" " -
Run
npm startto start the development server.
Once the development server is running, you can access your personal portfolio website by navigating to http://localhost:3000 in your web browser. Explore the different sections of the website, view your projects, and fill out the contact form to test the messaging functionality.
Contributions to this project are welcome! If you'd like to contribute, please fork the repository, make your changes, and submit a pull request.
git commit -m "first commit"# React + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh