Welcome to One-Portfolio! This React app is a personal website that can showcase various sections about yourself. It provides information about your background, projects, experience, and includes a contact form. It features React smooth scrolling, an intuitive navbar, and a sidebar that contains social links. The app is built using React, HTML, and JavaScript, with styling implemented using Tailwind CSS.
-
Home Page: The home page displays an image of yourself along with a short header, giving visitors a brief introduction.
-
About Me: The about me section provides detailed paragraphs describing yourself, including your interests, skills, and aspirations.
-
Portfolio: The portfolio section showcases all the projects you have completed. It allows visitors to see the range of work you have done and provides links to the corresponding project pages or repositories. You optionally can create functionality to bring users to your projects via the buttons underneath each project.
-
Experience: The experience section lists the various tech stacks you have worked with, demonstrating your proficiency in different technologies, languages, and programs.
-
Contact Me: The contact me section enables visitors to reach out to you. It includes a contact form powered by GetForm.io, which collects and sends the messages to your desired email address.
To run the One-Portfolio app locally, follow these steps:
-
Clone the repository:
git clone https://github.com/your-username/one-portfolio.git
-
Navigate to the project directory:
cd one-portfolio -
Install the dependencies:
npm install
-
Start the development server:
npm start
-
Open your web browser and visit http://localhost:3000 to view the app.
One-Portfolio can be deployed using Netlify, a popular hosting platform for static websites. Here's a brief guide on how to deploy your app:
- Create an account on Netlify if you haven't already.
- Connect your GitHub repository to Netlify.
- Configure the build settings for your app, specifying the build command as npm run build and the publish directory as build.
- Netlify will automatically trigger a new build and deploy your app once you push changes to the connected repository or manually initiate a deploy.
- Once the build process is complete, your app will be accessible through the assigned Netlify domain or a custom domain if you have set it up.
One-Portfolio is a beginner application made using a tutorial here. I must thank Yash Patel for his easy to use tutorial in helping me get started as a Full Stack Dev.
Links to the tech used in this project can be found here: React: https://reactjs.org/ Tailwind CSS: https://tailwindcss.com/ GetForm.io: https://getform.io/ Netlify: https://www.netlify.com/
The One-Portfolio app is open source and distributed under the MIT License. Feel free to modify and customize it to suit your needs.
Thank you for choosing One-Portfolio! I hope this app helps you showcase your skills, projects, and experience effectively. If you have any questions or need assistance, please don't hesitate to reach out. Good luck with your personal website!