This project is a minimalist personal portfolio that is focused on showcasing your skills and experience as a web developer. The portfolio provides a clean and simple design, allowing visitors to easily navigate and view your work. The portfolio is built using Vite and React, making it easy to customize and extend to fit your specific needs.
You can view the live website here.
Note: It uses github gists to store json data for dynamic access to the content which can be found here.
As an aspiring web developer, having a personal portfolio is essential to showcase your skills and experience to potential clients or employers. This project was motivated by the need for a simple and customizable solution for creating a personal portfolio that can be used to showcase your best work and attract new opportunities. By using this portfolio template, you can easily create a professional-looking portfolio that highlights your skills and experience, and provides a way for others to get in touch with you.
The project is divided into several sections.
- About Me: This section provides an introduction to who you are, your background, and any relevant personal or professional information.
- Skills and Experience: Here, you can showcase your skills and experience in various areas of web development, such as programming languages, frameworks, design tools, and other relevant areas of expertise.
- Selected Projects: This section allows you to highlight your best projects, including screenshots, descriptions, and links to live demos or source code repositories.
- Blog Post: This section can be used to display the latest blog posts from your personal blog or website, via API requests.
- Contact Form and Social Media: This section provides a way for visitors to get in touch with you, including a contact form and links to your social media profiles.
Throughout this project, I have gained valuable experience in several key areas of front-end development. Specifically, I have learned how to:
- Effectively use color palettes and fonts to create visually appealing designs.
- Utilize the Tailwind CSS framework to target accurate media queries and achieve better responsive design.
- Retrieve data from GitHub Gists using the fetch() API for dynamic access to data.
Overall, these skills have helped me become a more proficient front-end developer and have prepared me for future projects in the field.
-
Clone the repository to your local machine:
git clone https://github.com/MiDo-kun/React-Portfolio.git -
Navigate to the project directory:
cd your-repository -
Install the dependencies:
npm install -
Start the development server:
npm run dev -
Open your web browser and navigate to http://localhost:5173 to view the website.
Contributions are welcome! If you want to contribute to the project, please follow these guidelines:
-
Fork the repository to your own GitHub account.
-
Clone the repository to your local machine:
git clone https://github.com/MiDo-kun/React-Portfolio.git -
Create a new branch for your changes:
git checkout -b your-branch-name -
Make your changes to the code.
-
Commit your changes:
git commit -m "Your commit message" -
Push your changes to your fork:
git push origin your-branch-name -
Create a pull request from your fork to the main repository.
This project is licensed under the MIT License. See the LICENSE file for more information.